html5中怎麼設定文字斜體-html教學-PHP中文網

html5中怎麼設定文字斜體

青灯夜游

發布： 2021-12-17 18:34:18

原創

18743 人瀏覽過

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>

登入後複製

############################################方法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中文網其他相關文章！