为HTML元素设置阴影

CSS中阴影有外阴影和内阴影之分,该程序中只有外阴影,无内阴影。

新建一个视图页面,在页面空白之处绘制一个元素(绘制元素详情),选中元素,在工具、阴影,打开阴影对话框如下图:

事件旋转为onlaod

类型只有外阴影

可设置水平偏移量,垂直偏移量,模糊半径,扩展半径,颜色。

设置完成之后点击确定

下图左边为我们程序生成的预览图,右边为浏览器生成的阴影,仔细看二者的区别还是蛮大的。

所以我们这个程序的阴影只能做参考。

CSS脚本为:

body>div:nth-child(1){width:173px;height:135px;margin-top:264px;marg

in-left:525px; box-shadow:0 0 10px #000000;}


2019-04-28 20:51 举报

关于挟翼

挟翼一款提供UI页面设计的软件。
您只需要动一动鼠标绘制相关的元素,软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册,立即赠送一年VIP会员。活动结束日期待定。