css怎麼讓超連結不加底線
- 藏色散人原創
- 2021-01-28 11:14:526316瀏覽
css讓超連結不加底線的方法：先建立一個HTML範例檔；然後加入一個a標籤；最後給a標籤加上「text-decoration:none;」屬性即可讓超連結去掉底線。
本教學操作環境：windows7系統、HTML5&&CSS3版本，DELL G3電腦。
推薦：css影片教學
css讓超連結不加底線？
css中移除底線，可以設定a標籤的text-decoration屬性為none。
使用一個案例來說明：
1、程式碼部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document</title>
</head>
<body>
<a href="#">我要去除超链接下划线</a>
</body>
</html>2、以上程式碼在瀏覽器顯示的效果是有底線的，之後的操作咱們就是要去除底線
新增style標籤，寫上如下程式碼：
<style>
a{
text-decoration: none;
}
</style>再次開啟瀏覽器，a標籤的底線就去除了。
text-decoration是文字修飾效果的意思：
● none參數表示超連結文字不顯示底線；
● underline參數表示超連結的文字有底線
以上是css怎麼讓超連結不加底線的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css 怎麼設定div不可點擊下一篇：css 怎麼設定div不可點擊