Home > Article > Web Front-end > How to make font bold in CSS?
Font bold
The font-weight property sets the thickness of the text.
Use the bold keyword to make text bold. (Recommended learning: CSS Basic Tutorial)
Keywords 100 ~ 900 specify 9 levels of boldness for the font. If a font has these bolding levels built in, then the numbers map directly to the predefined levels, with 100 corresponding to the thinnest font variant and 900 corresponding to the thickest font variant. The number 400 is equivalent to normal, and 700 is equivalent to bold.
If you set the element's boldness to bolder, the browser will set a font boldness that is bolder than the inherited value. In contrast, the keyword lighter causes the browser to move the boldness down instead of up.
Example
<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
</style>
</head>
<body>
<p class="normal">This is a paragraph</p>
<p class="thick">This is a paragraph</p>
<p class="thicker">This is a paragraph</p>
</body>
</html>The above is the detailed content of How to make font bold in CSS?. For more information, please follow other related articles on the PHP Chinese website!