Blogger Information
Blog 24
fans 1
comment 0
visits 21886
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
CSS 边框阴影设置
王先生的博客
Original
1393 people have browsed it

1.png


学习小米商城的时候 发现了这个问题 

边框设置 

box-shadow: 1px 0px #ccc;  

三个属性分别对应 :

1:x轴   正为向右   负为向左 

2:y轴    正为向上  负为向下

3:颜色  


其他可选属性可参阅文档:

可选。模糊距离。

可选。阴影的尺寸。

可选。将外部阴影 (outset) 改为内部阴影。


可以设置单边框  或多边框:

box-shadow: 1px 0px #ccc,-1px 0px #ccc;  //设置左右边框

中间用 , 隔开

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post