在CSS3中我们新增了圆角边框样式，这样我们可以使盒子变为圆角。注意：默认的是外阴影，但是不可以写outset这个单词，否则会造成外阴影无效。盒子阴影不占用空间，不会影响盒子的排列。效果图： 在CSS3中我们可以通过box-sizing来指定盒子模型，它有两个属性值，content-box、border-box。盒子计算分为了两种情况：box-sizing：content-box（盒子大小）：width+padding+border 以前盒子默认大小组成border-sizing：border
一、盒子样式
1、圆角边框【border-radius】
在CSS3中我们新增了圆角边框样式，这样我们可以使盒子变为圆角。
语法：border-radius:length
- 参数值可以为数值或者百分比的形式
- 如果为正方形，想设置为一个圆，把数值修改为高度或者宽度的一半，或者直接写50%
- 如果是个矩形，则设置为高度的一般就可以
- 该属性是一个简写属性，可以跟四个值，分别代表左上角、右上角、右下角、左下角
2、盒子阴影box-shadow
语法：box-shadow：h-shadow v-shadow blur spread color inset;
| 属性值 | 描述 |
| h-shadow | 必需。水平阴影的位置，允许负值 |
| v-shadow | 必需。垂直阴影的位置，允许负值 |
| blur | 可选，模糊距离 |
| spread | 可选，阴影的尺寸 |
| color | 可选，阴影的颜色 |
| inset | 可选将外部阴影设为内部阴影 |
注意：
默认的是外阴影，但是不可以写outset这个单词，否则会造成外阴影无效。盒子阴影不占用空间，不会影响盒子的排列。
案例展示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset&#
最低0.47元/天 解锁文章
3559
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
