HTML中怎么给文本加下划线?

在HTML页面中怎么给文本添加下划线?给文本加下划线样式,有两种方法,一种是直接使用html下划线标签,另外一种是使用CSS下划线样式。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

方法1:使用HTML <u>标签添加下划线

在HTML中可以使用<u>标签定义下划线文本,即为文本添加下划线。

<u></u>下划线标签告诉浏览器把加入到u标签的文本加下划线样式呈现显示给浏览者。对于所有浏览器来说,这意味着要把这段文字加下划线样式方式呈现给大家显示。

语法:

<u>我被加下划线了</u>

说明:<u> 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>html下划线标签实例</title>
	</head>

	<body>
		测试文本!<u>加了下划线的文本</u> !
	</body>
</html>

效果图:

方法2:使用CSS text-decoration属性添加下划线

CSS的text-decoration属性用于指定添加到文本的修饰,设置值为underline值就可以定义文本下的一条线。

语法:

text-decoration:underline;

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css 文字下划线样式</title>
		<style>
			.demo span{
				text-decoration:underline;
			}
		</style>
	</head>
	<body>
		<p class="demo">这是一段测试文字,<span>加了下划线的文本</span>!</p>
	</body>
</html>

效果图:

更多前端开发知识,请查阅 HTML中文网 !!

以上就是HTML中怎么给文本加下划线?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏