CSS 字重 font-weight

提問人：劉團圓發(fā)布時間：2020-11-17

該屬性用于設置顯示元素的文本中所用的字體加粗。數(shù)宇值400相當于關(guān)鍵字normal,數(shù)字值700等價于bolcL每個數(shù)字值對應的字體加粗必須至少與下一個最小數(shù)字一樣細，而且至少與下一個最大數(shù)字一樣粗。

該屬性的值可分為兩種寫法：

?由100 ~ 900的數(shù)值組成，只能寫整百的數(shù)宇，例如不能寫成856。

?可以是關(guān)鍵宇：normal (默認值）、bold (加粗）、bolder (更粗）、lighter (更細）、inherit (繼承父級）。

【例題】設置文字粗細

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

body{

font-size: 20px;

}

font-weight: normal;

}

div{

font-weight: bold;

}

font-weight: 900;

}

span{

font-weight: 100;

}

</style>

</head>

<body>

<p>檢測文字重量（粗細）！normal</p>

<hr/>

<div>檢測文字重量（粗細）！bold</div>

<hr/>

<a href="">檢測文字重量（粗細）！900</a>

<hr/>

<span>檢測文字重量（粗細）！100</span>

</body>

</html>

相關(guān)視頻回答

回復(0)