How to write without bold in css-CSS Tutorial-php.cn

How to write without bold in css

WBOY

Release： 2021-12-03 15:09:13

Original

3990 people have browsed it

You can use the font-weight attribute in css to make the element not bold. The writing method is "element {font-weight:normal;}"; the font-weight attribute is used to set the thickness style of the text. When the value is set When "normal", the element will be set to the standard character style, that is, not bold.

How to write without bold in css

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

How to write non-bold in css

In css, you can use the font-weight attribute to set a non-bold style for elements. The font-weight attribute is used to set the thickness of text.

The attribute value is as shown below:

How to write without bold in css

Let’s take an example to see how to make the element not bold. The example is as follows:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
p {font-weight: bold}
</style>
</head>
<body>
<p class="normal">这一段不想加粗</p>
<p>This is a paragraph</p>
<p>This is a paragraph</p>
</body>
</html>

Copy after login

Output result:

How to write without bold in css

At this time, you don’t want to make one of the paragraphs bold, you just need to add font-weight: normal style to this paragraph:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
p {font-weight: bold}
p.normal {font-weight: normal}
</style>
</head>
<body>
<p class="normal">这一段不想加粗</p>
<p>This is a paragraph</p>
<p>This is a paragraph</p>
</body>
</html>

Copy after login

Output result:

How to write without bold in css

(Learning video sharing: css video tutorial)

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