Rumah >hujung hadapan web >tutorial css >Bagaimana untuk menetapkan imej latar belakang untuk sempadan dalam css
Bagaimana untuk menetapkan imej latar belakang untuk sempadan dalam css
- WBOYasal
- 2021-12-09 11:24:535148semak imbas
Dalam css, anda boleh menggunakan atribut "border-image-source" dan "border-image-slice" untuk menetapkan imej latar belakang sempadan, sintaks "elemen {border-image-source:url(picture laluan); imej sempadan -slice:value}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan imej latar belakang untuk sempadan dalam css
Dalam css, jika anda ingin menetapkan imej latar belakang untuk sempadan, anda perlu menggunakan sifat sumber-imej sempadan dan sifat keping-imej sempadan.
sumber-imej sempadan digunakan untuk menetapkan imej latar belakang sempadan dan atribut keping-imej sempadan digunakan untuk menetapkan gaya imej latar belakang sempadan.
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div{
width: 300px;
height: 300px;
margin: 100px;
border: 10px solid #000;
border-image-source: url(1118.02.png);
border-image-slice: 20 20 20 20;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css )
Atas ialah kandungan terperinci Bagaimana untuk menetapkan imej latar belakang untuk sempadan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!