Rumah > hujung hadapan web > tutorial css > Apakah yang termasuk gaya latar belakang css?

Apakah yang termasuk gaya latar belakang css?

青灯夜游
Lepaskan: 2021-12-09 11:04:52
asal
3838 orang telah melayarinya

gaya latar belakang css termasuk: warna latar belakang "warna latar", imej latar belakang "imej latar belakang", kedudukan latar belakang "kedudukan latar belakang", ulangan latar belakang "ulang-latar", "latar belakang", dsb.

Apakah yang termasuk gaya latar belakang css?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3, komputer Dell G3.

1. warna latar belakang menetapkan warna latar belakang elemen.

background-color:颜色/transparent
Salin selepas log masuk

Nota:

  • lutsinar telus sepenuhnya

  • Nilai warna (nama warna/RGB/ Heksadesimal)

Kawasan latar belakang termasuk kandungan, padding dan jidar, tidak termasuk jidar

2. imej latar belakang menetapkan imej latar belakang elemen.

background-image:url(图片地址)/none
Salin selepas log masuk

Nota:

  • alamat url boleh menjadi alamat relatif atau alamat mutlak

  • elemen Latar belakang mengambil saiz penuh elemen, termasuk pelapik dan jidar, tetapi bukan jidar

  • Secara lalai, imej latar belakang diletakkan di sudut kiri atas elemen dan mendatar dan ulang secara menegak.

  • Apabila anda menetapkan imej latar belakang dan warna latar belakang, imej latar belakang akan menimpa warna latar belakang

3 . kedudukan latar belakang menetapkan kedudukan permulaan imej latar belakang, kedudukan latar belakang

background-position :百分比/px/top/right/bottom/left/center
Salin selepas log masuk

4. latar belakang- lampiran Sama ada imej latar belakang dibetulkan atau tatal dengan seluruh halaman

background-attachment:scroll/fixed
Salin selepas log masuk
  • skrol: Nilai lalai, tatal dengan tatal imej

  • ditetapkan: Imej latar belakang tidak akan bergerak apabila seluruh halaman menatal

5 imej berulang

background-repeat:repeat/no-repeat/repeat-x/repeat-y 

//分别是重复、不重复、水平重复、不重复
Salin selepas log masuk

6. atribut singkatan latar belakang, yang digunakan untuk menetapkan atribut latar belakang dalam pernyataan.

background:[background-color] [background-image] [background-repeat] [background-attachment] [background-position]
Salin selepas log masuk

Nota: Setiap nilai dipisahkan oleh ruang, tanpa tertib tertentu

(Belajar perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah yang termasuk gaya latar belakang css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan