The fona krāsa Īpašums CSS tiek izmantots, lai iestatītu elementa fona krāsu. Tas izmanto vienkrāsainas krāsas kā elementa fonu. Elementa fons aptver kopējo izmēru, ieskaitot polsterējumu un apmali, bet izņemot piemali. To var attiecināt uz visiem HTML elementiem.

Sintakse

 element transparent 

The krāsas_nosaukums šī rekvizīta vērtība nosaka fona krāsas vērtību vai norāda krāsu kodus. To var norādīt, izmantojot krāsas nosaukumu, rgb() vērtību vai heksadecimālo vērtību.

The caurspīdīgs šī īpašuma vērtība ir noklusējuma vērtība, kas norāda caurspīdīgo fona krāsu.

Piemērs

Šajā piemērā mēs definējam vērtību fona krāsa rekvizītu, izmantojot krāsas nosaukumu, heksadecimālo vērtību, rgb() vērtību un hsl() vērtību. Ir četri div elementi, uz kuriem mēs izmantojam fona krāsa īpašums.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 

Izvade