border-image-source使用

2023-09-24 11:17:57

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>