删除链接下划线或创建虚线虚线或双下划线链接
默认情况下，Web浏览器具有某些CSS样式，它们适用于特定的HTML元素。 如果您没有用您自己的网站自己的样式表覆盖这些默认值，那么将应用默认值。 对于超链接，默认的显示风格是任何链接的文本都会显示蓝色并加下划线。浏览器会这样做，以便网站的访问者可以轻松查看链接的文本。 许多网页设计师不关心这些默认样式，特别是那些下划线。 值得庆幸的是，CSS可以很容易地改变这些下划线的外观或完全删除它们。
删除文本链接的下划线
加下划线的文本可能会更难以阅读未加下划线的文本。 此外，许多设计师根本不在乎下划线文字链接的外观。 在这些情况下，您可能想要完全删除这些下划线。
要从文本链接中删除下划线，您将使用CSS属性文本修饰。 这里是你会写这样做的CSS：
{text-decoration：none; }
使用这一行CSS，您将从所有文本链接中删除下划线。 尽管这是一个非常通用的样式（它使用了元素选择器），但它仍然比默认的浏览器样式更具特色。 由于这些默认样式是创建下划线的开始，所以您需要覆盖这些样式。
删除下划线的注意事项
从表面上看，删除下划线可能正是你想要完成的事情，但是当你这样做时你应该保持谨慎。 无论您是否喜欢下划线链接的外观，您都不能争辩说，它们明确了哪些文本是链接的，哪些不是。 如果删除下划线或更改默认的蓝色链接颜色，则应确保将其替换为仍允许链接文本突出显示的样式。 这将为您网站的访问者提供更直观的体验。
不要强调非链接
关于链接和下划线的另一个警告，不要将不是链接的文本强调为强调它的方式。 人们认为加下划线的文字是一个链接，所以如果您为了增加重点而强调内容（而不是粗体或斜体），则会发送错误的信息并且会让网站用户感到困惑。
将下划线更改为点或短划线
如果您想保留文字链接下划线，但是将下划线的样式从默认外观（这是“soldi”行）更改，您也可以这样做。 您可以使用点来强调您的链接，而不是那条实线。 要做到这一点，你仍然会删除下划线，但是你会用border-bottom样式属性替换它：
{text-decoration：none; border-bottom：1px点缀; }既然你已经删除了标准的下划线，那么虚线的是唯一出现的。
你可以做同样的事情来获得破折号。 只需将边框底部样式更改为虚线：
{text-decoration：none; border-bottom：1px虚线; }更改下划线颜色
另一种引起对链接注意的方法是更改下划线的颜色。 只要确保颜色符合你的配色方案 。
{text-decoration：none; border-bottom：1px纯红色; }双下划线
使用双下划线的技巧是你必须改变边框的宽度。 如果你创建一个1px宽的边框，你最终会得到一个双下划线，看起来像是一个下划线。
{text-decoration：none; border-bottom：3px double; }您还可以使用现有的下划线与其他功能（如点线中的一条线）进行双下划线：
{border-bottom：1px double; }不要忘记链接状态
您可以将边框底部样式添加到处于不同状态的链接，例如：hover，：active或：visited。 当您使用该“悬停”伪类时，这可以为访问者创建一个很好的“滚动”式体验。 将鼠标悬停在链接上时，会出现第二个虚线下划线：
{text-decoration：none; } a：hover {border-bottom：1px dotted; }Jennifer Krynin的原创文章。 由Jeremy Girard编辑