css 中如何使用border-image-source属性

css 中如何使用border-image-source属性，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

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://cache..com/upload/information/20201210/269/44342.png');    border-image-repeat: round;    border-image-slice:30;}</style></head><body><div>DIV 使用图像边框</div><p>使用的图片:</p><img src="https://cache..com/upload/information/20201210/269/44342.png"></body></html>

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注行业资讯频道，感谢您对亿速云的支持。

css 中如何使用border-image-source属性

相关推荐