css如何设置边框阴影

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

box-shadow：inset 即box-shadow内部阴影，与上面写法相同 唯一不同的是添加了一个inset

1

box-shadow:0 0 15px #f00 inset;

举例 4

设置正方形的四边颜色都不一样，但是阴影模糊半径都为10px

1

2

3

4

5

6

7

box-shadow:-10px 0px 10px red,   /*左边阴影*/

 

            0px -10px 10px black,  /*上边阴影*/

 

            10px 0px 10px green,  /*右边阴影*/

 

            0px 10px 10px blue;" /*下边阴影*/ >

（学习视频分享：css视频教程）

以上就是css如何设置边框阴影的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css超链接的底色如何设置

css flex布局的优缺点是什么

css怎么设置侧边栏

css怎么选择所有子元素

html中表格tr的td单元格怎么设置宽度属性

css怎么设置文字加粗

css @font-face属性怎么用

如何删除内联或内联块元素之间的间隙

css怎么改变文字颜色

css中的流式布局是什么意思

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...