css实现的高亮边框
原理:通过 box-shadow (阴影)的属性实现边框高光效果
效果如图所示;
代码:
body 中代码:
<div class=""gaoliang></div>
css 样式:
.gaoliang{
width:150px;
height:30px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px rgba(0,113,241,1);
}
css 样式解释:
宽高就不解释了,
第三个是圆角
第四个是阴影:倾斜度:值越大高亮范围越宽,
rgba() 边框的颜色