Terdapat tiga atribut latar belakang baharu ditambahkan pada CSS3: 1. klip latar belakang, yang menentukan kawasan di mana imej latar belakang objek dipotong ke luar; untuk dipaparkan; 3. latar belakang -saiz, menentukan saiz imej latar belakang.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Atribut latar belakang baharu dalam css3
属性 | 描述 | CSS |
---|---|---|
background-clip | 指定对象的背景图像向外裁剪的区域。 | 3 |
background-origin | 设置或检索对象的背景图像计算background-position时的参考原点(位置)。 | 3 |
background-size | 检索或设置对象的背景图像的尺寸大小。 | 3 |
1 🎜>Sebelum CSS3, saiz imej latar belakang ditentukan oleh saiz sebenar imej. Dalam CSS3, anda boleh menentukan saiz imej latar belakang, yang membolehkan kami menggunakan semula imej latar belakang dalam persekitaran yang berbeza. Anda boleh menentukan dimensi dalam piksel atau peratusan. Jika dimensi dinyatakan sebagai peratusan, dimensi adalah relatif kepada lebar dan ketinggian elemen induk.
div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat; }
Imej latar belakang boleh diletakkan dalam kotak kandungan, kotak padding atau kawasan kotak sempadan.
div{ background-image:url('smiley.gif'); background-repeat:no-repeat; background-position:left; background-origin:content-box; }
(Mempelajari perkongsian video:
div{ background-color:yellow; background-clip:content-box; }
, Tutorial pengenalan bahagian hadapan web)
Atas ialah kandungan terperinci Apakah atribut latar belakang baharu dalam css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!