好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css如何增加下划线

css增加下划线的方法是,给文本设置text-decoration属性,并且设置属性值为underline即可,例如【h3 {text-decoration:underline;}】。

本文操作环境:windows10系统、css 3、 ThinkPad t480 电 脑。

要给一段文本添加下划线, 或者 是上划线、删除线等,只需要给这段文本添加text-decoration属性即可。下面我们就来 简单 介绍下text-decoration属性。

text-decoration 属性规定添加到文本的修饰,下划线、上划线、删除线等。

常用属性值如下:

none 默认。定义标准的文本。

underline 定义文本下的一条线。

overline 定义文本上的一条线。

line -t hr ough 定义穿过文本下的一条线。

blink 定义闪烁的文本。

inher IT 规定 应该 从父元素继承 text-decoration 属性的值。

代码示例:

<!DOCTY PE  ht ML >
<html>
<head>
< ;m eta charset="utf-8"> 
<title>(php.cn)</title> 
<style>
 h1  {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>

</html>

运行结果如下图所示:

相关推荐:css视频教程

以上就是css如何增加下划线的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css如何增加下划线 全部内容,希望文章能够帮你解决 css如何增加下划线 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css如何增加下划线的详细内容...

  阅读:36次