Cipta latar belakang berwarna-warni dengan elemen CSS dalam satu helah-tutorial css-php.cn

Cipta latar belakang berwarna-warni dengan elemen CSS dalam satu helah

醉折花枝作酒筹

Lepaskan： 2021-08-12 15:33:49

asal

2562 orang telah melayarinya

Artikel ini akan memulakan lembaran baharu. Semua perkara yang kelihatan baik tidak dapat dipisahkan daripada warna Hari ini kita akan mempelajari yang paling mudah, iaitu menetapkan warna latar belakang untuk elemen. Datang dan belajar.

Kami juga tahu bahawa elemen tanpa warna latar belakang tidak kelihatan bagus, jadi kami masih perlu menetapkan warna latar belakang untuk elemen tersebut.

Mari kita lihat contoh kecil dahulu untuk memahami warna latar belakang dan cara menetapkannya.

Adalah diketahui bahawa kita mempunyai elemen div dan elemen p Sekarang kita mahu warna latar belakang elemen div menjadi merah dan warna latar belakang elemen p menjadi biru.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    div{
      background-color: red;
    }
    p{
      background-color:blue;
    }
  </style>
</head>
<body>
<div>为了显示，表明这个一个div元素</div>
<p>为了显示，表明这个一个p元素</p>
</body>
</html>

Salin selepas log masuk

Hasil contoh kecil ini ialah Warna latar belakang adalah merah, manakala warna latar belakang unsur p ialah biru.

Setelah mengetahui begitu banyak perkara, mari kita lihat atribut yang boleh menetapkan warna latar belakang. Atribut

Cipta latar belakang berwarna-warni dengan elemen CSS dalam satu helah

menetapkan warna latar belakang elemen. Sifat ini menetapkan warna pepejal untuk elemen. Warna ini mengisi kandungan elemen, padding dan kawasan sempadan, memanjang ke sempadan luar sempadan elemen (tetapi bukan jidar). Jika jidar mempunyai bahagian lutsinar (seperti jidar bertitik), warna latar belakang akan ditunjukkan melalui bahagian lutsinar ini.

Atribut ini juga mempunyai nilai yang sangat penting, iaitu nilai yang telus. Walaupun dalam kebanyakan kes tidak perlu menggunakan

. Walau bagaimanapun, jika anda tidak mahu elemen mempunyai warna latar belakang, dan anda tidak mahu tetapan warna penyemak imbas pengguna mempengaruhi reka bentuk anda, maka tetapan nilai telus masih perlu.

Pembelajaran yang disyorkan: background-colortutorial video css

Atas ialah kandungan terperinci Cipta latar belakang berwarna-warni dengan elemen CSS dalam satu helah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!