a 标签：CSS 样式指南101

color 属性可用于设置链接的颜色。
a {
color: #ff0000;
}

文字装饰

text-decoration 属性可用于添加或删除链接上的下划线。
a {
text-decoration: none;
}

背景颜色

background-color 属性可用于设置链接的背景颜色。
a {
background-color: #00ff00;
}

边框

border 属性可用于添加边框到链接周围。
a {
border: 1px solid #000000;
}

鼠标悬停

可以通过使用伪类来针对鼠标悬停在链接上的状态设置不同的样式。最常见的伪类是 :hover。
a:hover {
color: #0000ff;
}

高级 CSS 技巧

除了基本样式属性外，还有一些更高级的 CSS 技巧可以用来实现更复杂的效果。

渐变背景

可以使用 CSS 渐变来创建具有渐变颜色的链接。
a {
background: linear-gradient(to right, #ff0000, #00ff00);
}

阴影

可以使用 CSS 阴影来创建具有阴影效果的链接。
a {
box-shadow: 0px 2px 5px #000000;
}

动画

可以使用 CSS 动画来创建动画化的链接效果。例如，可以设置链接在鼠标悬停时淡入。
a {
animation: fade-in 1s;
}
@keyframes fade-in {
from { opacity: 0; }
to { opacity: 1; }
}

最佳实践