首頁 > 文章 > web前端 > html5中怎麼設定文字斜體

html5中怎麼設定文字斜體

青灯夜游原創: 2021-12-17 18:34:1818657瀏覽

html5中設定文字斜體的方法：1、使用“”標籤，語法“斜體文字內容”；2、使用“”標籤，語法“斜體文字內容”；3、使用style屬性為文字元素添加“font-style:italic;”樣式。

html5中怎麼設定文字斜體

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

html5中設定文字斜體

#方法1：使用標籤

定義與文本中其餘部分不同的部分，並將這部分文本呈現為斜體文本。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字体倾斜</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字，php中文网<br /><br />
			php中文网的网址为：<i>www.php.cn</i>  !<br /><br />
			这里使用html i标签来<i>倾斜字体</i>
			</p>
		</div>
	</body>
</html>

html5中怎麼設定文字斜體

方法2：使用標籤

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字体倾斜</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字，php中文网<br /><br />
			php中文网的网址为：<em>www.php.cn</em>  !<br /><br />
			这里使用html em标签来<em>倾斜字体</em>
			</p>
		</div>
	</body>
</html>

html5中怎麼設定文字斜體

############################################方法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>

############相關推薦：《# ##html影片教學###》###

以上是html5中怎麼設定文字斜體的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html5中怎麼設定單元格水平跨度下一篇：html5中怎麼設定單元格水平跨度

看更多