Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar berat fon dalam css
Bagaimana untuk menukar berat fon dalam css
- 醉折花枝作酒筹asal
- 2021-07-26 15:00:106242semak imbas
Dalam CSS, anda boleh menggunakan atribut font-weight untuk menukar ketebalan fon Anda hanya perlu menetapkan "font-weight: value;" kepada elemen fon. Sifat ini digunakan untuk menetapkan huruf tebal yang digunakan dalam teks elemen paparan. Nilai berangka 400 bersamaan dengan kata kunci biasa dan 700 bersamaan dengan huruf tebal.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam HTML, anda boleh menetapkan ketebalan teks dengan menambahkan teg a4b561c25d9afb9ac8dc4d70affff419
CSS boleh membahagikan ketebalan teks dengan teliti, dan ia juga boleh menukar teks tebal kepada paparan ketebalan biasa.
<html>
<head>
<title>文字粗细</title>
<style>
h1 span {
font-weight: lighter;
}
span {
font-size: 30px;
}
span.one {
font-weight: 100;
}
span.two {
font-weight: 200;
}
span.three {
font-weight: 300;
}
span.four {
font-weight: 400;
}
span.five {
font-weight: 500;
}
span.sex {
font-weight: 600;
}
span.seven {
font-weight: 700;
}
span.eight {
font-weight: 800;
}
span.nine {
font-weight: 900;
}
span.ten {
font-weight: bold;
}
span.eleven {
font-weight: normal;
}
</style>
</head>
<body>
<h1>文字<span>粗</span>体</h1>
<span class="one">文字粗细：100</span>
<span class="two">文字粗细：200</span>
<span class="three">文字粗细：300</span>
<span class="four">文字粗细：400</span>
<span class="five">文字粗细：500</span>
<span class="six">文字粗细：600</span>
<span class="seven">文字粗细：700</span>
<span class="eight">文字粗细：800</span>
<span class="nine">文字粗细：900</span>
<span class="ten">文字粗细：bold</span>
<span class="eleven">文字粗细：normal</span>
</body>
</html>Ketebalan teks ditetapkan dalam CSS melalui atribut: font-weight Kod di atas merangkumi hampir semua nilai ketebalan teks, dan fon itu sendiri boleh menjadi tebal dan tebal biasa.
Pembelajaran yang disyorkan: tutorial video css
Atas ialah kandungan terperinci Bagaimana untuk menukar berat fon dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!