在網(wǎng)頁中,文字的粗細程度不同,可以為文字賦予不同的視覺效果,使網(wǎng)頁的排版更加合理、美觀。在 CSS 中,加粗文字是一種很常見的排版方式。
/* 將文字加粗 */ font-weight: bold; /* 設(shè)置不同的字體粗細 */ font-weight: 100; font-weight: 200; font-weight: 300; font-weight: 400; /* 默認(rèn)字體粗細 */ font-weight: 500; font-weight: 600; font-weight: 700; /* 等同于bold */ font-weight: 800; font-weight: 900;
可以通過設(shè)置font-weight
屬性來控制文字的粗細程度。屬性值是一個數(shù)字,范圍是 100 到 900,且只能是 100 的倍數(shù),其中 400 為默認(rèn)字體粗細。
當(dāng)然,我們也可以直接使用bold
這個關(guān)鍵字來表示加粗。
/* 將文字加粗,等同于 font-weight: bold; */ font-weight: bolder; /* 將文字變?yōu)槌R?guī)(未加粗),等同于 font-weight: normal; */ font-weight: lighter;
除此之外,我們還可以使用text-shadow
屬性來為文字增加陰影,進一步增強文字的立體感和視覺效果。
/* 設(shè)置文字陰影 */ text-shadow: 1px 1px 1px #000;
總的來說,在 CSS 中讓文字加粗可以通過font-weight
屬性來實現(xiàn),同時也可以添加其它視覺效果來進一步美化網(wǎng)頁的排版。