CSS
HTML
COMPONENTS
CODE HUB
CSS Background Color Generator
Konfiguráció
Háttérszín
Osztály
Előnézet
Kód
background-color: #000000;Learn to Code with Lara
Master programming concepts step-by-step with your interactive AI tutor. Lara explains complex logic, reviews your practice exercises, and helps you build a solid foundation in software development.
Interactive coding lessons tailored to your own pace.
Start learning with LaraCSS háttérszín generátor
A CSS-ben a HTML-elemek háttérszínét a "background-color" tulajdonság segítségével állíthatja be. Ez a tulajdonság lehetővé teszi, hogy megadjuk az elem háttereként használandó színt.
Íme, hogyan használhatja a "background-color" tulajdonságot a CSS-ben:
.background-element {
background-color: #FF0000;
}
ebben a példában:
- A ".background-element" osztály a háttérszínt pirosra (#FF0000) állítja be.
A háttérszínt különböző színjelölésekkel adhatja meg, többek között:
Hexadecimális színkód: RR a vörös komponenst, GG a zöld komponenst, BB pedig a kék komponenst jelöli.
background-color: #00FF00;
RGB szín: Használhatja az RGB színjelölést, ahol a piros, zöld és kék komponenseket 0 és 255 közötti tizedes értékként adja meg.
background-color: rgb(255, 0, 0);
RGBA szín: Az RGB-hez hasonlóan az RGBA-t is használhatja egy szín megadására 0 és 1 közötti alfa (opacitás) értékkel. Ez lehetővé teszi félig átlátszó hátterek létrehozását.
background-color: rgba(255, 0, 0, 0.5);
Nevezett színek: Megnevezett színértékeket használhat, mint például "piros", "kék", "zöld" stb.
background-color: blue;
A "background-color" tulajdonság sokoldalú, és különböző HTML-elemek, például div, p, h1, a és egyéb elemek stílusához használható. Segítségével szabályozhatja webhelye hátterének vizuális megjelenését, így következetes és esztétikus dizájnt hozhat létre.