CSS总结（4）

CSS总结（4）

一、补充知识点

• 去掉 li 前面的项目符号（小圆点）
• 用法：list-style：none；（列表基本上都要先清除掉这个小圆点）

二、圆角边框

• border-radius 属性用于设置元素的外边框圆角
• 用法： border-radius：像素值（可以为数值或者百分比）；
• 让一个正方形盒子变成圆形： border-radius：50%（一般开发都这样写）
• 其实该属性是一个简写属性，可以跟4个值，分别代表左上角、右上角、右下角、左下角，依此来设置不同的圆角
• 分开写：border-top-left-radius、border-top-right-radius、border-bottom-right-raiuds、border-bottom-left-radius

三、盒子阴影

• box-shadow 属性用于为盒子添加阴影
• 用法：box-shadow：h-shadow v-shadow blur spread color inset；
• 各属性作用：
h-shadow：必需，水平阴影的位置，允许负值（正值往右，负值往左）
v-shadow：必需，垂直阴影的位置，允许负值（正值往下，负值往上）
blur：可选，