hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

css怎样消灭下划线?css消灭下划线有哪些要领【html5教程】

2019-11-26HTML搜搜PHP网50°c
A+ A-
css怎样消灭下划线?css去除下划线要领有哪些?很多人能够还不晓得怎样操纵,下面我们来解说一下。 在css中,我们能够运用text-decoration属性来示意下划线和删除线等款式,起首我们要相识一下text-decoration属性。

text-decoration属性一共有五个值,分别是none,blink,underline,line-through,overline,个中underline就示意下划线。语法以下:

div{text-decoration:none}示意:平常去掉下划线

div{text-decoration:underline}示意平常增加下划线款式

div{text-decoration:line-through}平常示意贯穿线

div{text-decoration:overline}设置上划线款式

代码以下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS测试</title>
<style>
h1{
text-decoration:underline
}
a{
text-decoration:none
}
</style>
<body>
<h1>ki4网</h1>
<p>
有关<a href="http://www.ki4.cn/course/list/17.html" target="_self">JavaScript教程</a>
</p>
</body>
</html>

结果如图:

css去掉下划线只需我们把text-decoration属性改成none就能够了,并非很难,在HTML中,我们能够运用u标签来加下划线,但是在css中我们只能运用text-decoration属性,我们想把下划线设置成赤色,只需我们坚持和字体的色彩雷同就能够了。

以上就是css怎样消灭下划线的悉数引见,假如你想相识更多有关CSS教程,请关注ki4网。

以上就是css怎样消灭下划线?css消灭下划线有哪些要领的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
css怎样消灭下划线?css消灭下划线有哪些要领【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章