CSS新增边框属性
圆角
- border-radius（设置或检索对象使用圆角边框，提供2个参数，2个参数以"/"分隔，每个参数允许设置1~4个参数值，第一个参数表示水平半径，第二个参数表示垂直半径。如果第2个参数省略，则默认等于第1个参数）
- 参数1(水平半径)/参数2（垂直半径）
- 参数1
- 参数1（四个参数值）/参数2（四个参数值）
左上 右上 右下 左下/左上 右上 右下 左下 - 参数1（三个参数）/参数二（三个参数）
左上 右上和下左 右下/左上 右上和下左 右下 - 提供两个参数的
左上和右下 右上和左下/左上和右下 右上和左下 - 提供一个参数
用于四个角
- border-top-left-radius
设置或检索对象的左上角圆角边框 - border-top-right-radius
设置或检索对象的右上角圆角边框 - border-bottom-left-radius
设置或检索对象的左下角圆角边框 - border-bottom-right-radius
设置或检索对象的右下角圆角边框
盒子阴影
- box-shadow(可以设定多组效果，每组参数值以逗号分隔)
- box-shadow:none;无阴影
- box-shadow:参数1，参数2，参数3....；
- box-shadow:参数1（值1 值2 值3 值4 值5 值6...）；
- 值1：用来设置对象的阴影水平偏移值。可以为负值
- 值2：垂直偏移值，可以为负值
- 值3：模糊值。不允许为负值。
- 值4：阴影外延值。可以为负值。
- 值5：设置对象的阴影的颜色。
- 值6：设置对象的阴影类型为内阴影。改值为空时，则对象的阴影类型为外阴影。