layui + css给图片增加边框阴影

最新推荐文章于 2021-08-19 17:54:53 发布

小巷陌影

最新推荐文章于 2021-08-19 17:54:53 发布

阅读量2.5k

点赞数

分类专栏： css layui

本文链接：https://blog.csdn.net/xiaoyanli8077/article/details/89488664

版权

layui 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

css

4 篇文章 0 订阅

订阅专栏

实现效果：

css:

.pic_border_orange{
	/*橙色*/
	border-radius: 18px;
	border: 2px solid orange;
	box-shadow: 0 0 10px 3px orange;
}

html:

<div class="layui-row">
	<img :class="getStyle(item.isOpen,item.isFault)" src="../../../img/door/open.png" />
</div>
<div class="layui-row" style="padding-top: 10px;">
	<button class="layui-btn layui-btn-sm layui-btn-radius" style="background-color: orange;">开启</button>
</div>