本文介绍了CSS3中如何通过border-radius设置元素圆角，无论是正方形还是矩形，以及如何使用box-shadow为元素添加盒子阴影。重点讲解了语法、参数设置和应用技巧，让读者快速理解并实践这些基础样式。
boeder-radius 属性用于设置元素的外边框圆角。
语法： border-radius ：20px | 50% ;
参数值可以为 数值或者百分比的形式。
如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为50%。
如果是个矩形，设置为高度的一半就可以做
该属性是一个简写属性，可以跟四个值，分别代表 左上角 、右上角 、右下角、 左下角
分开写 border-top-left-radius、border-top-right-radius、border-bottom-right-radius、
border-bottom-left-radius
盒子阴影
在CSS 3 中，新增了盒子阴影，我们可以使用 box-shadow 属性为盒子添加阴影 。
语法： box-shadow ： h-shadow v-shadow blur spread color inset ；
注意：默认的是外阴影（outset），但是不可以写这个单词，否则导致阴影无效
盒子阴影不占用空间，不会影响其他盒子排列。
语法： text-shadow ： h-shadow v-shadow blur color；
701
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
