1.box-shadow
属性用来给元素添加阴影,该属性值是由逗号分隔的一个或多个阴影列表。
box-shadow
属性的阴影依次由下面这些值描述:
-
offset-x
阴影的水平偏移量; -
offset-y
阴影的垂直偏移量; -
blur-radius
模糊半径; -
spread-radius
阴影扩展半径; -
color
其中 blur-radius
和 spread-radius
是可选的。
可以通过逗号分隔每个 box-shadow
元素的属性来添加多个 box-shadow
2. top
、bottom
、left
和 right
定义了元素在相应方位的偏移距离。 元素将从当前位置向属性相反的方向偏移;top
属性 向下移动; left
将项目移动到右边。
3.
hover
用于调整选取超链接的悬停状态。 下面的代码可以在鼠标悬停在超链接上时将其 color
变成红色:
a:hover {
color: red;
}