在css中,可以使用font-weight屬性來改變字體粗細,只需要給字體元素設定「font-weight:數值;」。此屬性用於設定顯示元素的文字中所使用的字體加粗。數字值400相當於關鍵字normal,700等價於bold。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
HTML中透過加入標記,或標記來設定文字的粗細。
CSS可以將文字的粗細進行了細緻的劃分,而且,還可以將本身是粗體的文字,變為正常的粗細顯示。
<html> <head> <title>文字粗细</title> <style> h1 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> <h1>文字<span>粗</span>体</h1> <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影片教學
#以上是css如何改變字體粗細的詳細內容。更多資訊請關注PHP中文網其他相關文章!