Rumah >hujung hadapan web >tutorial css >css超链接如何去掉下划线

css超链接如何去掉下划线

醉折花枝作酒筹asal: 2021-04-21 14:00:0628052semak imbas

在css中，可以使用text-decoration属性去掉超链接的下划线，只需要给a标签设置“text-decoration:none”样式即可。text-decoration属性规定添加到文本的修饰，当值为none时，表示无文字修饰。

css超链接如何去掉下划线

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

我们知道一般没有做css初始化，网页中带超链接文字会出现下划线，假如我们想去掉下划线该如何设置呢？接下来divcss5为大家介绍去掉html a超链接自带下划线样式。

一、去掉下划线css样式

我们认识下以下CSS属性单词，我们要去掉a超链接锚文本下划线将用到以下CSS样式单词：
text-decoration 设置下划线样式单词

去掉a超链接下划线样式，我们将css text-decoration的值设置为“none”即可。
如下去掉A链接下划线样式代码：
a{text-decoration:none}

二、去掉锚文本下划线案例

接下来我们案例介绍通过css去掉超链接下划线样式。
HTML代码

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>document</title> 
</head> 
<body> 
想要带你去浪漫的<a href="https://baike.baidu.com/item/%E5%9C%9F%E8%80%B3%E5%85%B6/198448?fr=aladdin">土耳其</a>！ 
</body> 
</html>

截图

未去掉下划线前

$W9SN_XZ{GEV6GB~LM]~3D$C.png$

使用css去掉超链接下划线
css代码片段

a{
 text-decoration:none
 }

$_`{5(W@{@6BA8QOR2VNC02A.png$

推荐学习：css视频教程

Atas ialah kandungan terperinci css超链接如何去掉下划线. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 html

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内边框如何设置Artikel seterusnya：css怎么给表格设置边框

Artikel berkaitan

Lihat lagi