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

巴扎黑
發布: 2017-06-09 11:52:08
原創
67588 人瀏覽過

一、使用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粗體標籤實現文字粗體加粗

以上是使用兩種粗體標籤實現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)、加粗案例截圖

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

三、關於字體文字粗體總結

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

標籤加粗與CSS樣式粗體

樣式粗體與html標籤粗體加粗方式

這裡我們介紹HTML標籤和CSS樣式實作文字粗體兩種方式,大家在實際使用時候會根據需求選擇粗體樣式方式。

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

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