css盒子边框设置的总结

原创 2018-11-10 03:58:17 8
摘要:border:1px solid red;是设置四个边框的属性,也可分别设置,例:border-top,border-right,border-bottom,border-left边框样式分为4种:solid实线  dashed虚线 dotted点线 double双实线设置边框圆角的属性:border-radius:4px,特例,如果圆角尺寸改成元素内容宽度的一半,就可以变成圆形盒子阴影

border:1px solid red;是设置四个边框的属性,也可分别设置,例:

border-top,border-right,border-bottom,border-left

边框样式分为4种:

solid实线  dashed虚线 dotted点线 double双实线

设置边框圆角的属性:border-radius:4px,特例,如果圆角尺寸改成元素内容宽度的一半,就可以变成圆形

盒子阴影用box-shadow来设置,例
box-shadow:4px 4px 4px #ccc;
四个属性值分别表示 阴影水平偏移距离 阴影垂直偏移距离 阴影尺寸 和阴影颜色

批改老师:韦小宝批改时间:2018-11-10 09:33:35
老师总结:其实写的还可以再好点!可以利用学的知识来完成个小案例!哪怕是特别小的一个效果就是可以的!加油吧!

发布手记

热门词条