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:106220semak 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.

Bagaimana untuk menukar berat fon dalam css

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!

Kenyataan:
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
Artikel sebelumnya:Cara menggunakan ikon fon cssArtikel seterusnya:Cara menggunakan ikon fon css