Rumah > Artikel > hujung hadapan web > css border-image-source属性怎么用
css border-image-source属性怎么用
- 青灯夜游asal
- 2019-05-30 11:38:513428semak imbas
css border-image-source属性用于指定要使用的图像，从而替代border-style属性中设置的边框样式。但当属性值为 "none"，或者如果图像无法显示时，则还需使用边框样式。
css border-image-source属性怎么用？
border-image-source属性规定要使用的图像，从而替代border-style属性中设置的边框样式。
语法：
border-image-source: none|image;
属性值：
● none：不使用图像。
● image：用作边框的图像的路径，使用url()包含。
注释：如果值为 "none"，或者如果图像无法显示，则使用边框样式。
css 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>
<p>使用的图片:</p>
<img src="https://img.php.cn/upload/article/000/000/024/5c62637b1a4fe853.png">
</body>
</html>效果图：
Atas ialah kandungan terperinci css 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：css border-image-slice属性怎么用Artikel seterusnya：css font-size属性怎么用