在CSS中,我们可以给标签添加class来改变链接的样式。如下所示: a.link {
color: blue;
font-size: 16px;
text-decoration: underline;
}
上述代码表示当标签添加class为"link"时,链接的字体颜色为蓝色,字体大小为16像素,下划线表示链接存在。
在HTML中使用该样式:
<a href="https://www.example.com" class="link">这是一个链接</a>
使用上述代码,“这是一个链接”会以蓝色字体、16像素大小的字体,并带有下划线的形式显示为链接。
另外,也可以同时添加多个class,用空格分隔即可。如下所示:
a.link.small {
font-size: 12px;
}
上述代码表示当标签同时有"link"和"small"两个class时,链接的字体大小为12像素。
同样,在HTML中使用该样式:
<a href="https://www.example.com" class="link small">这是一个小链接</a>
使用上述代码,“这是一个小链接”会以蓝色字体、12像素大小的字体,并带有下划线的形式显示为链接。
希望通过以上介绍,大家能够了解如何在CSS中使用class为标签增加样式。