其他分享
首页 > 其他分享> > border-image-source使用

border-image-source使用

作者：互联网

border-image-source使用

注：使用border-image-source属性必须给容器添加border属性

边框背景图片

<style>
	.box{
    width: 300px;
    height: 200px;
    border: 27px solid #aaa; /*必须有这个属性*/
    background-color: #07a;
    border-image-source: url(../image/border-icon.png);
    border-image-slice: 27;
    border-image-repeat: repeat; /*repeat:平铺 round:根据情况放大或缩小 stretch:拉伸 	space:根据情况调整间隙平铺*/
  }
</style>
<body>
<div class="box"></div>
</body>

效果图

标签：平铺,repeat,image,source,border,属性
来源： https://blog.csdn.net/yycnf/article/details/122808743