CSS中给边框设置图片
CSS 目前并没有特别的功能实现这一方法
利用标签内外嵌套的间隙进行设计.
html:
<button class="btn">
<div class="span">
洛阳处处是月明
</div>
</button>
sass:
.btn{
padding: 0;
border-radius: 5px;
.span{
border-radius: 4px;
margin:2px;
border:1px solid red;
}
}
渲染:
scss:
.btn {
padding: 0;
border-radius: 5px;
background-image: linear-gradient(286deg, #4CA0FC 23%, #E02FEE 76%);
border: none;
.span {
color: #fff;
border-radius: 4px;
margin: 1px;
background-color: black;
opacity: .87;
// border: 1px solid red;
}
}