Rumah > Artikel > hujung hadapan web > border-image-source属性怎么用
border-image-source属性怎么用
- 青灯夜游asal
- 2019-02-12 15:04:192952semak imbas
border-image-source属性指定要使用的图像，而不是由border-style属性设置的边框样式。
CSS3 border-image-source属性
作用：规定要使用的图像，代替 border-style 属性中设置的边框样式。
语法：
border-image-source: none|image;
none：表示不使用图像。
image：表示用作边框的图像的路径。
说明：如果值为 "none"，或者如果图像无法显示，则使用边框样式。
CSS3 border-image-source属性的使用示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div {
border: 30px solid transparent;
width: 200px;
height: 50px;
border-image-source: url('https://img.php.cn/upload/article/000/000/024/5c62637b1a4fe853.png');
border-image-repeat: round;
border-image-slice:30;
}
</style>
</head>
<body>
<div>
DIV 使用图像边框
</div>
</body>
</html>效果图：
Atas ialah kandungan terperinci border-image-source属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
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
Artikel sebelumnya：border-image-slice属性怎么用Artikel seterusnya：border-image-width属性怎么用