Kuinka hallita taustaväriä käyttämällä CSS-tyylisivuja

Saattaa 15, 2024

Cascading Style Sheets -sovelluksella voit hallita koko verkkosivun ja vain yksittäisen verkkosivun elementin taustan väriä. Katsotaanpa esimerkkiä, joka asettaa verkkosivun taustaväriksi valkoisen ja kappaleen (yksittäisen elementin) taustavärin punaiseksi.

CSS-peruskoodi

esimerkki

valitsimet

ruumis
p

Esimerkissämme on kaksi CSS-sääntöä. HTML-tunnisteen runko on valitsin, joka käskee selainta soveltamaan ensimmäisen säännön tyyliä koko verkkosivun taustaan. P HTML-koodissa

tunniste käskee selainta soveltamaan toista sääntöä verkkosivun kappaleeseen (elementtiin).

ominaisuudet

taustaväri

Taustaväri on ominaisuus, jota tyyli hallitsee. Esimerkissämme taustavärimääritys asetetaan sekä verkkosivulle että kappaleelle. Ominaisuuden nimeä, taustaväri, seuraa kaksoispiste (:).

arvot

#ffffff
punainen

Koolonin oikealla puolella on taustavärin arvo. Esimerkissämme valkoisen värin heksadesimaalikoodia (#ffffff) käytetään ensimmäisessä säännössä ja punaisen (punainen) värin nimeä käytetään toisessa säännössä. Voit käyttää myös RGB-värikoodia tai asettaa arvon läpinäkyväksi, jos haluat, että taustaväri on läpinäkyvä.

taustaväri: läpinäkyvä
taustaväri: rgb (255,0,0)

Video-Ohjeita: How to change background color and font in Html (Saattaa 2024).

Kuinka hallita taustaväriä käyttämällä CSS-tyylisivuja, HTML, taustaväri, taustaväri CSS, kuinka asettaa taustaväri css: llä, miten asettaa taustaväri CSS-tyylisivuilla, CSS: n alussa, CSS: n aloittamisella, mitä ovat CSS-tyylisivut, mitkä ovat CSS, miten CSS: ää käytetään, CSS-tyypit, CSC-tyypit, CSS-tyypit

Edellinen Artikkeli

Seuraava Artikkeli

Aiheeseen Liittyviä Artikkeleita

tietokoneet

PlayStation 3 ja 80 gigatavun kiintolevy

Saattaa 2024

Olen jo tehnyt täydellisen katsauksen PlayStation 3 -käyttöjärjestelmästä, jos olet kiinnostunut siitä, kuinka sitä verrataan Wii- ja Xbox 360 -käyttöjärjestelmiin. Tämä arvostelu koskee erityisesti...

tietokoneet

Adobe TV - loistava Flash-resurssi

Saattaa 2024

Oletko tarkistanut tv.adobe.com viime aikoina. Se on Adoben jatkuvasti kasvava YouTube-tyyppinen verkkosivustoR. Sieltä löydät hienoja videoita ohjeista ja haastatteluista käyttäjäprofiileihin,...