首先，我们来谈谈如何设置下划线：

我们知道html标签中有一个下划线U标签(U是下划线/u)，下划线样式可以简单的通过在需要加下划线的文本字体上加上HTML下划线U来实现。但是在布局DIVcss时，有时需要css来实现下划线样式效果，也就是CSS下划线样式。

1.CSS下划线样式单词：

文字装饰

2.CSS下划线代码：

文本修饰：下划线

3.css下划线代码演示：

div { text-decoration : underline }

给div中的文本加下划线。

现在我们来谈谈css字体下划线样式的一个例子：

下面是css下划线设置的一个例子，它为一段文本中的几个单词设置下划线样式。

设置下划线CSS样式的示例代码如下：

！DOCTYPEhtml

超文本标记语言

头

meta http-equiv=' Content-TYPe ' Content=' text/html；charset=utf-8'/

TitlePHP中文网站：设置下划线实例/标题

风格。exp { text-decoration : underline }

/style

/head

身体

欢迎来到PHP中文网站，spanclass='exp '我被划了下划线/span！

/body

/html

上图，一段中的一些单词用下划线标出。截图效果如下：

tuyi.png

最后说说divcss下划线设置的总结：

可能大家会觉得我们会用HTMLU标签画线，那为什么要用CSStext-decoration风格画线呢？这是因为CSS布局是千变万化的，实现各种布局。为了满足不同的需求，可以实现一般HTML标签可以实现的CSS样式，有时候CSS实现有利于后期的修改和维护。但不是学习CSS，不需要HTML标签就能达到需要的样式，而是有时候可以根据需要选择HTML标签和CSS样式来布局最合适的项目，这是DIVCSS布局的重要本质。实现最简单的代码，代码维护容易，考虑搜索引擎排名，程序员使用方便等。

好了，这就是本文的全部内容。有什么问题可以在下面问。

本文转载自中文网站