边框属性了解

原创 2018-10-30 17:11:00 226
摘要:css边框属性1、border{1px solid #ccc;}有三个值边框粗细、边框样式(solid实线 dashed虚线 double双线 dotted点状虚线)、边框颜色2、单独控制一边属性border-top/right/bottom/left;3、消除自带边框属性border:none;4、边框的圆角和圆形制作属性border-radius:10px;值可调节圆角大小,值为正方形边长一半

css边框属性

1、border{1px solid #ccc;}有三个值边框粗细、边框样式(solid实线 dashed虚线 double双线 dotted点状虚线)、边框颜色

2、单独控制一边属性border-top/right/bottom/left;

3、消除自带边框属性border:none;

4、边框的圆角和圆形制作属性border-radius:10px;值可调节圆角大小,值为正方形边长一半就是圆的

5、边框外部阴影属性box-shadow:1px 1px 1px #ccc;四个属性值分别代表X轴、Y轴、阴影宽度、颜色,第五个值inset可以使阴影向内,X值设为0可以使阴影相对盒子垂直居中

练习

css边框属性练习.png2.png

发布手记

热门词条