Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menulis tanpa bold dalam css

Bagaimana untuk menulis tanpa bold dalam css

WBOY
Lepaskan: 2021-12-03 15:09:13
asal
4007 orang telah melayarinya

Anda boleh menggunakan atribut font-weight dalam css untuk menjadikan elemen tidak tebal Kaedah penulisan ialah "elemen {font-weight:normal;}"; gaya teks apabila nilai ditetapkan Apabila "biasa", elemen akan ditetapkan kepada gaya aksara standard, iaitu, tidak tebal.

Bagaimana untuk menulis tanpa bold dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara menulis gaya tidak tebal dalam css

Dalam css, anda boleh menggunakan atribut berat fon untuk menetapkan bukan huruf tebal gaya untuk elemen. Atribut berat fon digunakan untuk menetapkan ketebalan teks. Nilai atribut

adalah seperti yang ditunjukkan di bawah:

Bagaimana untuk menulis tanpa bold dalam css

Mari kita ambil contoh untuk melihat cara membuat elemen tidak tebal Contohnya adalah seperti berikut:

<!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>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menulis tanpa bold dalam css

Pada masa ini, anda tidak mahu menjadikan salah satu perenggan tebal, anda hanya perlu menambah fon- berat: gaya biasa untuk perenggan ini:

<!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>
Salin selepas log masuk

Hasil output:

Bagaimana untuk menulis tanpa bold dalam css

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menulis tanpa bold dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan