一：outline
1
2
3
| outline用法和border一样，只不过border会影响页面的布局，
outline不影响页面的布局。outline:10px solid red; outline
不影响可见框的大小。
|
二：box-shadow
1
2
3
4
5
6
| 用来设置元素的阴影，不影响页面布局。阴影处于元素的
正下方，box-shadow:10px 10px 10px red;
第一个是10px是水平偏移量，正值向右移动，负值向左移动
第二个10px是垂直偏移量，正值向下移动，负值向上移动
第三个10px是阴影的模糊半径。
red表示阴影的颜色。
|
三：border-radius
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| 用来设置圆角，
border-top-left-radius:左上角
border-top-right-radius:右上角
border-bottom-left-radius:左下角
border-bottom-right-radius:右下角
案例：
border-top-left-radius:10px;表示10px的半径
border-top-left-radius:10px 50px;表示水平方向10px，垂直方向50px
border-radius:10px;表示四个角都是10px;
border-radius:10px 20px 30px 40px;顺序是：左上，右上，右下，左下
border-radius:10px 20px 30px;顺序是：左上，右上/右下，左下
border-radius:10px 20px;顺序是：左上右下，右上/左下
border-radius:10px / 40px;表示一个角不是等半径，类似于：
border-top-left-radius:10px 50px这种形式。
如果要设置为原型则可以通过如下方式：
border-radius:50%;
|
*************感谢您的阅读*************
