Rumah > Artikel > hujung hadapan web > Apakah kaedah perwakilan warna yang disokong oleh css3?
Apakah kaedah perwakilan warna yang disokong oleh css3?
- 青灯夜游asal
- 2022-03-17 19:01:223075semak imbas
Kaedah perwakilan warna CSS3 termasuk: 1. Gunakan nama Inggeris warna untuk mewakilinya, contohnya "red" bermaksud merah; 2. Gunakan notasi heksadesimal, contohnya "#ffff00"; () fungsi untuk mewakili; 4. Gunakan fungsi hsl() untuk mewakilinya;
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Prinsip tiga warna utama cahaya
Tiga warna utama cahaya ialah Merah (Merah) , Hijau (Hijau), Biru (Biru) dan , yang boleh membentuk pelbagai warna yang cemerlang.
Jika anda benar-benar tidak ingat, belok kiri di sini ke Ensiklopedia BaiduKaedah perwakilan warna yang disokong oleh CSS3
- Gunakan Warna diwakili oleh nama Inggerisnya. Nama Inggeris mewakili warna, tetapi perwakilannya sangat terhad dan sukar untuk diingati dan ditanya.
- diwakili oleh warna
- heks . Prinsip tiga warna utama warna dan cahaya boleh dilihat dalam jadual. diwakili oleh
- rgb (r, g, b). Prinsip tiga warna utama cahaya, merah, hijau dan biru. diwakili oleh
- hsl (Hue, Ketepuan, Kecerahan). Kecerahan Ketepuan Hue. diwakili oleh
- rgba (r, g, b, a). Prinsip tiga warna utama cahaya, merah, hijau, biru dan ketelusan. a ∈ [0, 1], 0 mewakili ketelusan lengkap. diwakili oleh
- hsla (Hue, Ketepuan, Kecerahan, alfa). Hue, ketepuan, kecerahan dan ketelusan. alpha ∈ [0, 1], 0 mewakili ketelusan lengkap.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" ;charset="utf-8">
<title>CSS颜色表示</title>
<style type="text/css">
div>div{
width: 400px;
height: 40px;
}
</style>
</head>
<body>
<script type="text/javascript">
for (var i = 0; i < 300; i++) {
document.write("CSS颜色表示");
}
</script>
<div style="position:absolute;top:0px">
<div style="background-color:gray;">
background-color:gray
</div>
<div style="background-color:#ff4314;">
background-color:#888
</div>
<div style="background-color:#ffff00;">
background-color:#ffff00
</div>
<div style="background-color:rgb(0, 255, 255);">
background-color:rgb(0, 255, 255)
</div>
<div style="background-color:hsl(120, 100%, 50%);">
background-color:hsl(120, 100%, 50%)
</div>
<div style="background-color:rgba(0, 255, 255, 0.5);">
background-color:rgba(0, 255, 255, 0.5)
</div>
<div style="background-color:hsla(120, 100%, 50%, 0.5);">
background-color:hsla(120, 100%, 50%, 0.5)
</div>
</div>
</body>
</html>Paparan halaman web
tutorial video css, bahagian hadapan web)
Atas ialah kandungan terperinci Apakah kaedah perwakilan warna yang disokong oleh css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!