首頁  >  文章  >  web前端  >  html怎麼讓字體加粗

html怎麼讓字體加粗

青灯夜游
青灯夜游原創
2021-05-27 17:42:4895761瀏覽

html加粗字體的方法:1、使用「」標籤,語法需要加粗的文字」;2、在標籤中使用style屬性,新增“font-weight:bold|bolder”樣式,值“bold”定義粗體字符,“bolder”定義更粗的字符。

html怎麼讓字體加粗

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

方法1:使用標籤

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> <b>加粗字体</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字,<b>这里使用b标签来加粗字体</b>
			</p>
		</div>
	</body>
</html>

運作效果:

html怎麼讓字體加粗

#從圖中我們已經可以看出,文字的後半段加粗了字體,可以和文字的前半段(文字為加粗)進行比對。這裡我們主要就是使用到了html中的<b></b>標籤,html的<b></b>標籤的使用很簡單,直接在<b></b>標籤中寫上需要加粗字體的文字即可!

方法2:在標籤中使用style屬性,新增「font-weight:bold|bolder」樣式

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>css 文字加粗</title>
		<style>
			p.normal {
				font-weight: normal;
			}
			p.bold {
				font-weight: bold;
			}
			
			p.bolder {
				font-weight: bolder;
			}
			
			p.thicker {
				font-weight: 900;
			}
		</style>
	</head>

	<body>
		<p class="normal">测试文本!</p>
		<p class="bold">测试文本!</p>
		<p class="bolder">测试文本!</p>
		<p class="thicker">测试文本!</p>
	</body>

</html>

效果圖:

html怎麼讓字體加粗

說明:

font-weight屬性可以設定文字的粗細,一般用於設定顯示元素的文字中所使用的字體加粗

加粗效果相關的屬性值:

#bold 定義粗體字元。
bolder 定義更粗的字元。
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
定義由細到粗的字元。400 等同於normal,而700 等同於bold。

推薦教學:《html影片教學

以上是html怎麼讓字體加粗的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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