Izmantojot CSS, fonu var piešķirt gandrīz visiem HTML elementiem, un tas ļauj izmantot gan vienkāršu krāsu, gan attēlus. Izvēloties fonu vienmēr jāņem vērā, ka tekstam uz tā jābūt skaidri salasāmam.

Lai norādītu fonu visai lapai, tas uzstādāms <body> elementam. 

body {
 background: #000000;
}

CSS fona atribūti

AtribūtsVērtībasPiemērs
background-color krāsa (rgb, hex vai vārdiski) | transparent background-color: #123456
background-image url | none background-image: url(bilde.jpg)
background-repeat repeat | repeat-x | repeat-y | no-repeat background-repeat: no-repeat
background-attachment scroll | fixed background-attachment: fixed
background-position [top | center | bottom ] | [ left | center | right ] background-position: top center
background transparent | krāsa || url || repeat || scroll || position background: silver url(bilde.jpg) repeat-y

Attēli

Lietojot attēlus lapas fonā, pievērs uzmanību to izmēram! Labam lapas fonam nevajadzētu pārsniegt 50 KB. Tas nav wallpaper, kuram jābūt perfektā kvalitatē. "Smagas" bildes, lai arī tavā datorā ieladēsies nemanāmi, lapas lietotājiem ar lēnu interneta peislēgumu lādēsies ilgi un bojās visu iespaidu par lapu.

Laboja mad, labots 1x