a { text-decoration: none; }
以上代码中,大家使用了text-decoration属性来控制文本的装饰效果。none值可以去掉链接下划线。
如果你只想去掉部分链接的下划线,可以利用伪类选择器来实现。例如,你只想去掉首页链接的下划线:
a:first-child { text-decoration: none; }
以上代码中,大家使用了:first-child 伪类选择器来匹配页面中第一个链接,并将其下划线去掉。
另外,如果你想添加其他装饰效果来代替下划线,也可以通过text-decoration属性实现。例如,你想让链接显示为粗体:
a { text-decoration: underline; /* 保留下划线 */ font-weight: bold; }
以上代码中,大家同时使用了text-decoration和font-weight属性,将链接下划线和粗体效果进行了组合。
总之,在CSS中去掉链接下划线非常简单,只需要使用text-decoration:none即可。而如果你想添加其他装饰效果,也可以通过text-decoration属性来实现。