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

html5中怎麼設定文字斜體

青灯夜游
發布: 2021-12-17 18:34:18
原創
18774 人瀏覽過

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中怎麼設定文字斜體


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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板