How to set bold in css-CSS Tutorial-php.cn

How to set bold in css

醉折花枝作酒筹

Release： 2023-01-05 16:10:04

Original

15092 people have browsed it

In CSS, you can use the "font-weight" attribute to set boldness. You only need to set the "font-weight:bold|700" style to the element. The font-weight attribute sets the thickness of the text. The numeric value 700 is equivalent to bold. When the value is bold, it means defining bold characters.

How to set bold in css

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

Create a new HTML page, add the HTML structure, and then add fonts in the body area, placing it in a div.

<body>
<div>枯藤老树昏鸦</div>
</body>

Copy after login

Next, you can use font-weight to set boldness in CSS. You only need to set bold.

<style>
div {
    font-weight: bold;
    }
</style>

Copy after login

After running the page, you can see that the font is bolded

How to set bold in css

In addition, font-weight can also be set to a value from 100 to 900. Larger numbers are bolder.

<style>
div {
    font-weight: 100;
    }
</style>

Copy after login

When font-weight is set to 100, the font is the thinnest

How to set bold in css

Finally, when font-weight is set to 900, it is The thickest

How to set bold in css

Recommended learning: css video tutorial

The above is the detailed content of How to set bold in css. For more information, please follow other related articles on the PHP Chinese website!

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

How to set bold in css