首頁  >  文章  >  web前端  >  html5怎麼去除超連結的下劃線

html5怎麼去除超連結的下劃線

青灯夜游
青灯夜游原創
2021-02-26 16:49:066523瀏覽

html5頁面中,可使用text-decoration屬性移除超連結下劃線,只需為a標籤新增「text-decoration:none」樣式。 text-decoration定義文字修飾(底線、刪除線等),當值為none時則沒有修飾。

html5怎麼去除超連結的下劃線

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

前端網頁的開發中總是不可避免會使用到超鏈接,但是使用超鏈接時下面都會有一條下劃線,這在網頁中有時會顯得很突兀,不合適也不美觀,所以我們就需要將超連結下的這條底線給去掉。

在html頁面中去掉超連結的底線需要的是css中的text-decoration這個屬性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			 a{text-decoration:none;} 
		</style>
	</head>
	<body>
		<a href="#">我是a标签</a>
	</body>

</html>

效果圖:

html5怎麼去除超連結的下劃線

說明:

text-decoration屬性用於規定新增至文字的修飾,例如:底線、上劃線、刪除線等。當該屬性的值設定為「none」時,則表示定義標準的文本,不加入文本修飾。利用這個屬性值我們可以去掉已經有底線或刪除線或頂劃線的樣式。 【推薦教學:CSS影片教學

text-decoration屬性的屬性值:

html5怎麼去除超連結的下劃線

更多程式相關知識,請訪問:編程視頻! !

以上是html5怎麼去除超連結的下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn