css如何設置字體的粗細

css中,可以通過font-weight屬性來設置字體的粗細,下面我給大家介紹下css如何設置字體的粗細

css如何設置字體的粗細



需要這些哦
css+html
代碼編纂器:Hbuilder
方式/
1打開編纂器,新建test.html頁面,用于進修今天的內容
css如何設置字體的粗細



2在頁面的body區域,新建一個div,給div加上class,叫做study,用來測試今天的內容
css如何設置字體的粗細



3在頁面head標簽下方寫上<style></style>,用來存放css樣式
css如何設置字體的粗細



4在css樣式里給study加上font-weight: bold;
css如何設置字體的粗細



5在瀏覽器中打開test.html,查看實現的結果
css如何設置字體的粗細



6在css樣式里給study加上font-weight: 600;
css如何設置字體的粗細



7【css如何設置字體的粗細】再次在瀏覽器中打開test.html,查看實現的結果 。 發現兩次成果一樣
css如何設置字體的粗細



注重事項font-weight后面跟上數字可所以:100,200,300,400,500,600,700,800,900
font-weight后面數字400 等同于 normal,700 等同于 bold 。

以上內容就是css如何設置字體的粗細的內容啦,希望對你有所幫助哦!

    猜你喜歡