Question

我正在尝试为我的网站编写一段代码，但是似乎无法摆脱链接上的下划线。我一直在w3schools上对其进行测试，并且它并没有消失。代码如下：

   <p><span style="color: #ff8000; font-size:80%; font-family:roboto">Please <a href="#"><span style="color: #525252; font-size:100%; font-family:roboto;">contact us</a> if you are interested in this product.</p>

当我进行文本修饰时：在任何地方都找不到问题的答案：直通，行之有效，所以为什么不进行文本修饰：无？

Answer 1

用于删除anchor元素下划线的css属性是：

text-decoration: none

也许您正在将CSS样式应用于错误的元素。确保将其应用于<a>元素

   <p><span style="color: #ff8000; font-size:80%; font-family:roboto">Please <a style="text-decoration: none;" href="#"><span style="color: #525252; font-size:100%; font-family:roboto;">contact us</a> if you are interested in this product.</p>

文字修饰：没有不会删除链接下划线的，但是直通效果很好，为什么？

1 个答案: