在 CSS 樣式里面,我們可以使用 font-weight 屬性來讓字體加粗。這個屬性可以取多個值,下面是幾個常用的值:
font-weight: normal; /* 普通字體,相當于不加粗 */ font-weight: bold; /* 加粗字體 */ font-weight: bolder; /* 更粗的字體(如果支持) */ font-weight: lighter; /* 更細的字體(如果支持) */ font-weight: 100; /* 最細的字體 */ font-weight: 200; font-weight: 300; font-weight: 400; /* normal,相當于 “normal” 值 */ font-weight: 500; font-weight: 600; font-weight: 700; /* bold,相當于 “bold” 值 */ font-weight: 800; font-weight: 900; /* 最粗的字體 */
這些值可以使用下面的樣式來應用到 HTML 元素上:
p { font-weight: bold; }
上面的代碼會讓所有的段落元素文字變成加粗字體。如果想只讓某個 HTML 元素的文字變成加粗,可以使用類選擇器或 ID 選擇器來選擇指定的元素,如下所示:
.bold-text { font-weight: bold; } #title { font-weight: bold; }
上面的代碼分別使用類選擇器和 ID 選擇器來選擇指定的元素,讓它們的文字變成加粗。
上一篇css樣式鏈接內部鏈接