html如何讓字體加粗

這篇文章給大家分享的是有關html如何讓字體加粗的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

我們提供的服務有：網站設計、成都網站設計、微信公眾號開發、網站優化、網站認證、德宏州ssl等。為上千多家企事業單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的德宏州網站制作公司

html加粗字體的方法：1、使用“”標簽，語法需要加粗的文本”；2、在標簽中使用style屬性，添加“font-weight:bold|bolder”樣式，值“bold”定義粗體字符，“bolder”定義更粗的字符。

本教程操作環境：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中的標簽，html的標簽的使用很簡單，直接在標簽中寫上需要加粗字體的文本即可！

方法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如何讓字體加粗
文章來源：http://m.2m8n56k.cn/article22/jgesjc.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、網站維護、軟件開發、網站建設、網頁設計公司、微信公眾號

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

html如何讓字體加粗