Rumah >hujung hadapan web >tutorial css >css怎么让超链接不加下划线
css怎么让超链接不加下划线
- 藏色散人asal
- 2021-01-28 11:14:526380semak imbas
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参数表示超链接的文字有下划线
Atas ialah kandungan terperinci css怎么让超链接不加下划线. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css 怎么设置div不可点击Artikel seterusnya：利用css伪类实现鼠标滑过按钮动画效果