首頁  >  文章  >  web前端  >  css a怎麼去掉下劃線

css a怎麼去掉下劃線

藏色散人
藏色散人原創
2021-06-08 11:40:531885瀏覽

css a去掉底線的方法:先建立一個HTML範例檔案;然後透過a標籤建立一個連結;最後透過設定「a{text-decoration:none}」來去掉底線即可。

css a怎麼去掉下劃線

本文操作環境:windows7系統、css3版,DELL G3電腦

css a怎麼去掉底線?

#css去掉A底線樣式-CSS取消超連結預設底線效果

a取消底線效果,在CSS中使用text-decoration樣式取消即可。

css a取消底線代碼:

a{text-decoration:none}

這樣預設下去掉網頁中a標籤超連結下劃線樣式。

取消指定物件內a底線實例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>取消去掉a标签下划线</title>
<style>
.exp a{ text-decoration:none}
</style>
</head>
<body>
DIV CSS学习上<a href="//www.xxx.cn/">CSS</a>!
<div class="exp">
欢迎访问<a href="//www.xxx.cn/">CSS</a>!
</div>
</body>
</html>

推薦學習:《css影片教學

以上是css a怎麼去掉下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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