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%); Izmēģiniet to tagad Izvade
