微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5中怎么设置文本斜体

html5中设置文本斜体的方法:1、使用“<i>”标签,语法“<i>斜体文本内容</i>”;2、使用“<em>”标签,语法“<em>斜体文本内容</em>”;3、使用style属性给文本元素添加“font-style:italic;”样式。

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

html5中设置文本斜体

方法1:使用<i>标签

<i> 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。

<!DOCTYPE html>
<html>
	<head>
		<Meta charset=UTF-8>
		<title>字体倾斜</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字,编程之家网<br /><br />
			编程之家网的网址为:<i>www.jb51.cc</i>  !<br /><br />
			这里使用html i标签来<i>倾斜字体</i>
			</p>
		</div>
	</body>
</html>

1.png

方法2:使用<em>标签

<!DOCTYPE html>
<html>
	<head>
		<Meta charset=UTF-8>
		<title>字体倾斜</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字,编程之家网<br /><br />
			编程之家网的网址为:<em>www.jb51.cc</em>  !<br /><br />
			这里使用html em标签来<em>倾斜字体</em>
			</p>
		</div>
	</body>
</html>

2.png

方法3:使用style属性给文本元素添加font-style: italic;样式

<!DOCTYPE html>
<html>
	<head>
		<Meta charset=UTF-8>
		<title>字体倾斜(斜体)样式</title>
	</head>
	<body>
		<div>
			这里是一段测试文字文字设置了<span style=font-style: italic;>倾斜(斜体)样式</span>
		</div>
	</body>
</html>

3.png

相关推荐:《html视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。