溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“css怎么改變字體粗細”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css怎么改變字體粗細”這篇文章吧。
在css中，可以使用font-weight屬性改變字體粗細，只需要給字體元素設置“font-weight:數值;”。該屬性用于設置顯示元素的文本中所用的字體加粗。數字值400相當于關鍵字normal，700等價于bold。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
HTML中通過添加<b>標記，或者<strong>標記來設置文字的粗細。
CSS可以將文字的粗細進行了細致的劃分，而且，還可以將本身是粗體的文字，變為正常的粗細顯示。
<html>
<head>
<title>文字粗細</title>
<style>
h2 span {
font-weight: lighter;
}
span {
font-size: 30px;
}
span.one {
font-weight: 100;
}
span.two {
font-weight: 200;
}
span.three {
font-weight: 300;
}
span.four {
font-weight: 400;
}
span.five {
font-weight: 500;
}
span.sex {
font-weight: 600;
}
span.seven {
font-weight: 700;
}
span.eight {
font-weight: 800;
}
span.nine {
font-weight: 900;
}
span.ten {
font-weight: bold;
}
span.eleven {
font-weight: normal;
}
</style>
</head>
<body>
<h2>文字<span>粗</span>體</h2>
<span class="one">文字粗細：100</span>
<span class="two">文字粗細：200</span>
<span class="three">文字粗細：300</span>
<span class="four">文字粗細：400</span>
<span class="five">文字粗細：500</span>
<span class="six">文字粗細：600</span>
<span class="seven">文字粗細：700</span>
<span class="eight">文字粗細：800</span>
<span class="nine">文字粗細：900</span>
<span class="ten">文字粗細：bold</span>
<span class="eleven">文字粗細：normal</span>
</body>
</html>文字的粗細在CSS中通過屬性：font-weight設置，如上代碼幾乎涵蓋了所有的文字粗細值，并且，可以是本身是粗體的字體，變成正常粗體。
以上是“css怎么改變字體粗細”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
