Apakah atribut latar belakang baharu dalam css3?

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;
}

2. Asal latar belakang: Tentukan tempat untuk mula memaparkan imej latar belakang

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;
}

3. Klip latar belakang: Tentukan tempat untuk mula memangkas imej latar belakang

(Mempelajari perkongsian video:

div{
background-color:yellow;
background-clip:content-box;
}

tutorial video css

, 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!