html文字粗體字體加粗如何設置

來源：懂視網責編：小采時間：2020-11-27 15:32:40

html文字粗體字體加粗如何設置

html文字粗體字體加粗如何設置:一、使用html 加粗標簽使用b標簽或strong標簽即可對文字粗體。1、分別對應語法如下：2、應用案例1）、html案例完整代碼（可以拷貝測試）：<!DOCTYPE html> <html x

推薦度：

點擊下載本文 文檔為doc格式

導讀html文字粗體字體加粗如何設置:一、使用html 加粗標簽使用b標簽或strong標簽即可對文字粗體。1、分別對應語法如下：2、應用案例1）、html案例完整代碼（可以拷貝測試）：<!DOCTYPE html> <html x

一、使用html 加粗標簽

使用b標簽或strong標簽即可對文字粗體。

1、分別對應語法如下：

2、應用案例

1）、html案例完整代碼（可以拷貝測試）：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>粗體實現 DIVCSS5案例</title> 
</head> 
<body> 
我是正常字體<br /> 
<b>我被b粗體</b><br /> 
<strong>我被strong粗體</strong> 
</body> 
</html>

2）、html粗體截圖：

html粗體標簽實現文字粗體加粗

以上是使用兩種粗體標簽實現html文字粗體，字體加粗方法，希望大家能靈活掌握與應用。

二、使用CSS樣式實現文字粗體顯示 - TOP

div+css布局中，使用css樣式實現文字字體粗體比較多的，只需要對對象設置一個粗體樣式屬性即可實現文本粗體，又稱為css文字粗體。

1、css粗體樣式基礎

1）、單詞與介紹

font-weight，值為可以為從100到900，和bold，最常用font-weight的值為bold，也是所有瀏覽器均兼容。

2）、css 粗體語法：

div{font-weight:bold}

這樣就讓所有div對象內文字字體加粗

2、粗體css案例

1)、加粗粗體案例HTML源代碼（div+css布局案例）（大家可以拷貝使用和測試）

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>粗體實現 DIVCSS5案例</title> 
<style> 
.bold{ font-weight:bold} 
</style> 
</head> 
<body> 
<div>我是正常字體</div> 
<div class="bold">我被font-weight粗體</div> 
</body> 
</html>

2）、加粗案例截圖