圆角边框
border-radius属性用于设置元素的外边框圆角。
语法:
box-radius: length;
例如:
border-radius: 10px;
border-radius: 50%;
- 参数值可以为数值或百分比的形式
- 如果是正方形,想要设置一个圆,把数值改为边长的一半即可,或者直接写为50%
- 如果是矩形,想要将左右两边设置为半圆,将数值设置为高度的一半
- 该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角
- 分开写:border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius
盒子阴影
box-shadow属性为