溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了HTML和CSS實現字體加粗的方法有哪些，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
給字體和文字加粗有三種方法，一種是CSS中的font-weight: bold樣式，一種是HTML中的<strong></strong>標簽，最后一種是HTML中的<b></b>標簽。
方法1：用CSS中font-weight: bold樣式給字體加粗
font-weight屬性可以設置字體的粗細，當屬性值為normal時，表示正常的字體，相當于number為400；當屬性值為bold時，可以給字體粗體，相當于number為700，也相當于<b>標簽的效果。
實例描述：創建兩個p標簽，給其中一個標簽一個class類名，便于對其進行CSS樣式設置。將font-weight: bold屬性添加到有類名的p 標簽上，對比兩個p標簽，看看有什么不同，具體代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.aa{font-weight: bold;}
</style>
</head>
<body>
<p>床前明月光</p>
<p class="aa">低頭思故鄉</p>
</body>
</html>如下圖所示，“低頭思故鄉”這段文字被加粗了。
方法2：用html中的<strong>加粗標簽
<strong>標簽可以使字體加粗，且所有主流瀏覽器都支持此方法。
實例描述：直接用html中的<strong>標簽，即可實現文字加粗效果，具體代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <strong>疑是地上霜</strong> </body> </html>
如圖所示，對比p標簽和strong標簽的內容，發現strong標簽的內容加粗了。
方法3：用html中的<b>加粗標簽
<b> 標簽可以定義一個粗體的文本，且所有主流瀏覽器都支持 <b> 標簽。
實例描述：<b></b>標簽和<strong>標簽一樣，都可以給文字加粗，并且使用簡單方便，具體代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <b>舉頭望明月</b> </body> </html>
如下圖所示，b標簽的里面的文字加粗了
感謝你能夠認真閱讀完這篇文章，希望小編分享HTML和CSS實現字體加粗的方法有哪些內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
