去掉超連結下方的橫線

admin發表於2018-06-02
預設狀態下，超連結底部是帶有下劃線的，但是在默寫情況下，可能會影響美觀度。

下面就通過程式碼例項介紹一下如何去掉超連結的下劃線。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
a{
  text-decoration:none
}
</style>
</head>
<body>
<a href="#">螞蟻部落</a>
</body>
</html>

以上程式碼實現了我們的要求，超連結底部的下劃線被去掉了，主要是使用瞭如下程式碼:

[CSS] 純文字檢視 複製程式碼
text-decoration:none

相關文章