Apakah kaedah perwakilan warna yang disokong oleh css3?-Soal Jawab bahagian hadapan-php.cn

Apakah kaedah perwakilan warna yang disokong oleh css3?

青灯夜游

Lepaskan： 2022-03-17 19:01:22

asal

3127 orang telah melayarinya

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;

Apakah kaedah perwakilan warna yang disokong oleh css3?

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 Baidu

Kaedah perwakilan warna yang disokong oleh CSS3

diwakili oleh warna
heks . Prinsip tiga warna utama warna dan cahaya boleh dilihat dalam jadual.
rgb (r, g, b). Prinsip tiga warna utama cahaya, merah, hijau dan biru.
hsl (Hue, Ketepuan, Kecerahan). Kecerahan Ketepuan Hue.
rgba (r, g, b, a). Prinsip tiga warna utama cahaya, merah, hijau, biru dan ketelusan. a ∈ [0, 1], 0 mewakili ketelusan lengkap.
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>

Salin selepas log masuk

Paparan halaman web

Apakah kaedah perwakilan warna yang disokong oleh css3?

Penerangan

Sebab untuk menambah teks pada penghujung adalah untuk mengesahkan ketelusan.

(Mempelajari perkongsian video:

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!