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怎么设置分割线

怎样让前端界面自动清理js、css文件的缓存

什么是css预编译

css怎么控制按钮不可用

css垂直居中的方法有哪些

css content属性怎么用

css中字间距怎么调整

css怎么让盒子并排显示

css如何让字体下沉

css中伪类和伪元素有什么区别

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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