abc HTML5 i CSS TUTORIAL

Boja pozadine tabele /TABLE BACKGROUND COLOR/ {background-color:}


Slika 1. Korištenje atributa - Interni CSS /INTERNAL CSS/

Boja pozadine tabele /TABLE BACKGROUND COLOR/   Korištenje internog CSS-a se izvodi u oba dijela HTML fajla: Sintaksa:

  • HEAD dio (za tabelu): <style> table {background-color: Naziv_boje | #kod_boje;} </style>
  • BODY dio: <table>

Oznake:
table - TAG tabele - boja pozadine cijele tabele.
background-color - Atribut za boje pozadine dokumenta
color - Atribut za boje teksta
naziv_boje - engleski naziv boje - Popis kodova i naziva boja je u dodatku.
kod_boje - Vrijednosti boja su od 0 - 255 (>>) odnosno heksadimalno sa znakom # ispred broja (00 do FF)Heksadicimalni brojevi :
Red – crvena – 00 - 255 - #FF0000
Green – zelena – 00 - 255 - #00FF00
Blue – plava – 00 – 255 - #0000FF
color - boja teksta
naziv_boje | kod_boje - Naziv boje na engelskom ili kod boje. Popis kodova i naziva boja je u dodatku. 

Popis kodova i naziva boja je u dodatku.

Kreiranje internog iz linijskog css-a /INTERNAL CSS FROM LINE CSS/ u BODY TAG-u


Slika 2. Boja pozadine tabele /TABLE BACKGROUND COLOR/

Tri su nivo boja pozadina tabele:

  • Stranica-dokument /PAGE, DOCUMENT/ body TAG.
  • Tabela /TABLE/ table TAG.
  • Ćelija /CELL/ td TAG. a

Parametri boje pozadine atubutom: < style="background-color>.

Primjer 1. Kreirati tabelu sa jednim redom i dvije ćelije. Tekst u prvoj ćeliji je 111 a u drugoj ćeliji je 2 . Deblijna linja tabele je 1, a boja crvena (heksadecimalna vrijednost boje je #FF0000 dodatak).

Kod Objašnjenje Ispis na ekran

<!DOCTYPE html>
<html>
<head><title>Tabela - Crvena</title>
<style>
table {
  background-color:#ff0000;
}
</style>
</head>
<body>
<table width="100%" border="1">
  <tr>
    <td>111</td>
    <td>2</td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je crvena. Heksadecimalna vrijednost boje je #FF0000

 
111 2

Primjer 2. Kreirati tabelu sa jednim redom i dvije ćelije. Tekst u prvoj ćeliji je 111 a u drugoj ćeliji je 2 . Deblijna linja tabele je 1, a boja crvena. Engleski naziv boje je RED.

Kod Objašnjenje Ispis na ekran

<!DOCTYPE html>
<html>
<head><title>Tabela - Crvena</title>
<style>
table {
   background-color:red;
}
</style>
</head>
<body>
<table width="100%" border="1">
  <tr>
    <td>111</td>
    <td>2</td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je crvena. Engleski naziv boje je RED.
111 2

Primjer 3. Kreirati tabelu sa jednim redom i dvije ćelije. Tekst u prvoj ćeliji je 111 a u drugoj ćeliji je 2 . Deblijna linja tabele je 1, a boja žuta. Engleski naziv boje je YELLOW.

Kod Objašnjenje Ispis na ekran

<!DOCTYPE html>
<html>
<head><title>Tabela - žuta</title>
<style>
table {
   background-color:yellow;
}
</style>
</head>
<body>
<table width="100%" border="1">
  <tr>
    <td>Lijeva</td>
    <td>Desna</td>
  </tr>
  <tr>
    <td>Lijeva drugi red</td>
    <td>Desna drugi red </td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je žuta. Engleski naziv boje je YELLOW.
Lijeva Desna
Lijeva drugi red Desna drugi red

Daljnji rad 1: Kreirati tabelu sa dva reda i dvije kolone. Tekst ćelija u prvom redu 41 i 52, a drugom redu 1 i 2. Deblijna linija je 3, a boja pozadine tabele svjetlo plava.

(Pri pisanju se mogu koristiti standardne opcije EDIT/COPY, EDIT/PASTE).

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index