在CSS中,我們可以使用font-weight屬性來設置字體的粗細。這個屬性可以取值為數字、關鍵字、甚至是變量。
數字值用來表示字體的相對粗細程度。數值越大,字體看起來就越粗。例如,400表示普通字體,700表示黑體。
關鍵字值可以是以下之一:
- normal:普通字體
- bold:粗體字
- bolder:更粗的字體,可能是加粗過一次或多次的字體
- lighter:細一些的字體,可能是未加粗過或加粗過一次的字體
除了以上四個關鍵字之外,還有一些其他的關鍵字可以使用。例如,100、200、300、500、600和800等等。
當然,如果你想定義自己的字體粗細,你也可以使用變量。例如:
通過這種方法,我們可以靈活地設置字體的粗細,使其更符合我們的需求。
數字值用來表示字體的相對粗細程度。數值越大,字體看起來就越粗。例如,400表示普通字體,700表示黑體。
關鍵字值可以是以下之一:
- normal:普通字體
- bold:粗體字
- bolder:更粗的字體,可能是加粗過一次或多次的字體
- lighter:細一些的字體,可能是未加粗過或加粗過一次的字體
除了以上四個關鍵字之外,還有一些其他的關鍵字可以使用。例如,100、200、300、500、600和800等等。
當然,如果你想定義自己的字體粗細,你也可以使用變量。例如:
:root { --my-boldness: 900; } p { font-weight: var(--my-boldness); }
通過這種方法,我們可以靈活地設置字體的粗細,使其更符合我們的需求。
下一篇css樣式連續幾個點