快捷键:shift+alt可以实现多行操作,如多行添加文字。
去掉li前面的项目符号(小圆点):list-style: none;
圆角边框
语法:
border-radius: 10px;
radius半径原理:(椭)圆与边框的交集形成的圆角效果
- 参数值可以为数值或百分比的形式
- 若要设置圆形边框,则将radius设置为盒子高度的一半,即50%
- 该属性是一个简写属性,可以跟多个数值
- 精确设置一个角,border-top-left-radius
- 两个数值,分别代表左上右下、左下右上
- 四个值,分别代表左上角、右上角、右下角、左下角
盒子阴影
语法
box-shadow:h-shadow v-shadow blur spead color inset;
- h-shadow 必需。水平阴影的位置。允许负值。
- v-ihadow 必需。垂直阴影的位置。允许负值。
- blur 可选。影子的虚实,值越高,阴影越模糊。
- spread 可选。阴影的尺寸。
- color 可选。阴影的颜色。
- inset 可选。将外部阴影 改为内部阴影。默认外阴影
文字阴影
语法
text-shadow:h-shadow v-shadow blur color;
- h-shadow 必需。水平阴影的位置。允许负值。
- v-ihadow 必需。垂直阴影的位置。允许负值。
- blur 可选。影子的虚实,值越高,阴影越模糊。
- color 可选。阴影的颜色。