Sifat manakah yang digunakan untuk menjadikan fon condong?-tutorial css-php.cn

Jadual Kandungan

tatabahasa

Contoh 3

Using the font-stlye: oblique to make font oblique.

Contoh 2 (Sudut dengan sifat Oblique, hanya untuk pelayar Firefox)

Rumah

hujung hadapan web

tutorial css

Sifat manakah yang digunakan untuk menjadikan fon condong?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 30, 2023 pm 02:25 PM

Sifat manakah yang digunakan untuk menjadikan fon condong?

Dalam CSS, kita boleh menggunakan atribut 'gaya fon' untuk menetapkan gaya fon. Kita boleh menggunakan gaya yang berbeza sebagai nilai sifat gaya fon, "serong" adalah salah satu daripadanya.

Pada asasnya, fon "serong" ialah versi teks yang ceroboh di mana kami menetapkan sudut untuk mengurangkan atau meningkatkan kecerunan teks. Di sini kita akan menjadikan fon condong dalam setiap contoh.

tatabahasa

Pengguna boleh menggunakan sifat gaya fon CSS untuk membuat fon condong mengikut sintaks berikut.

1	`font-style: oblique;`

Salin selepas log masuk

Contoh 1

Dalam contoh di bawah, kami telah mencipta dua teg

dan menambah teks padanya untuk dipaparkan pada halaman web. Selain itu, kami menggunakan sifat CSS "gaya fon: biasa" pada teg

pertama dan sifat CSS "gaya fon: oblique" pada teg

kedua.

Dalam output, uesrs dapat melihat bahawa fon condong lebih ceroboh daripada fon biasa.

<html>
<head>
   <style>
      .normal {
         font-style: normal;
         font-size: 1.5rem;
      }
      .oblique {
         font-style: oblique;
         font-size: 1.5rem;
      }
   </style>
</head>
<body>
   <h2 id="Using-the-i-font-stlye-oblique-i-to-make-font-oblique">Using the <i> font-stlye: oblique </i> to make font oblique.</h2>
   <p class = "normal"> This font is Normal font. </p>
   <p class = "oblique"> This font is <i> oblique </i> font. </p>
</body>
</html>

Salin selepas log masuk

Contoh 2 (Sudut dengan sifat Oblique, hanya untuk pelayar Firefox)

Dalam contoh di bawah, kami turut menambah sudut menggunakan atribut gaya fon "serong". Hadnya ialah sudut ini hanya berfungsi dalam pelayar Firefox.

Kami mencipta tiga elemen div berbeza dan menambahkan teks padanya. Dalam CSS, kami menggunakan sifat serong gaya fon pada semua fon pada sudut yang berbeza. Dalam output, pengguna boleh melihat bahawa apabila sudut meningkat, cerun fon meningkat.

<html>
<head>
   <style>
      .one {
         font-style: oblique 40deg;
         font-size: 1.5rem;
      }
      .two {
         font-style: oblique 80deg;
         font-size: 1.5rem;
      }
      .three {
         font-style: oblique 30deg;
         font-size: 1.5rem;
      }
   </style>
</head>
<body>
   <h2 id="Using-the-i-font-stlye-oblique-i-to-make-font-oblique">Using the <i>font-stlye: oblique</i> to make font oblique.</h2>
   <p class = "one">The font style is oblique and slope is 40deg.</p>
   <p class = "two">The font style is oblique and slope is 80deg.</p>
   <p class = "three">The font style is oblique and slope is 120deg.</p>
</body>
</html>

Salin selepas log masuk

Contoh 3

Dalam contoh di bawah, kami telah mencipta elemen div dan menambah beberapa elemen div bersarang pada pelbagai peringkat. Kami menggunakan sifat CSS 'gaya fon: oblique' untuk div induk dan pengguna boleh melihat bahawa semua fon div itu adalah serong, termasuk elemen div anak.

<html>
<head>
   <style>
      .test {
         font-style: oblique;
         font-size: 1.5rem;
      }
   </style>
</head>
<body>
   <h2 id="Using-the-i-font-stlye-oblique-i-to-make-font-oblique">Using the <i>font-stlye: oblique</i> to make font oblique.</h2>
   <div class = "test">
      This is a parent div.
      <div>
         This is a child div with font-style: oblique.
         <div>
            This is another nested child div with font-style: oblique.
         </div>
      </div>
   </div>
   </div>
</body>
</html>

Salin selepas log masuk

Pengguna belajar menggunakan atribut gaya fon untuk mencipta fon condong. Ia hampir serupa dengan gaya fon "italic" kerana ia juga mencipta fon kursif atau kursif.

Atas ialah kandungan terperinci Sifat manakah yang digunakan untuk menjadikan fon condong?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

1 bulan yang lalu By DDD

R.E.P.O. Simpan Fail Lokasi: Di manakah & bagaimana untuk melindunginya?

1 bulan yang lalu By DDD

R.E.P.O. Tetapan grafik terbaik

2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Penyelesaian Riddle Seashell

1 minggu yang lalu By DDD

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7388

Tutorial Java

1630

Tutorial CakePHP

1357

Tutorial Laravel

1267

Tutorial PHP

1216

Tunjukkan Lagi

Related knowledge

Pembaca Skrin Demystifying: Borang & Amalan Terbaik Diakses Mar 08, 2025 am 09:45 AM

Ini adalah jawatan ke -3 dalam siri kecil yang kami lakukan dalam kebolehcapaian bentuk. Jika anda terlepas jawatan kedua, lihat "Menguruskan Fokus Pengguna dengan: Fokus-Visible". Dalam

Buat borang hubungan JavaScript dengan rangka kerja pintar Mar 07, 2025 am 11:33 AM

Tutorial ini menunjukkan mewujudkan bentuk JavaScript yang berpandangan profesional menggunakan rangka kerja pintar (nota: tidak lagi tersedia). Walaupun kerangka itu sendiri tidak tersedia, prinsip dan teknik tetap relevan untuk pembina bentuk lain.

Menambah bayang -bayang kotak ke blok dan elemen WordPress Mar 09, 2025 pm 12:53 PM

CSS box-shadow dan garis besar sifat mendapat tema.json Sokongan dalam WordPress 6.1. Let ' s melihat beberapa contoh bagaimana ia berfungsi dalam tema sebenar, dan pilihan apa yang kita perlu gunakan gaya ini ke blok dan elemen WordPress.

Bekerja dengan Caching Graphql Mar 19, 2025 am 09:36 AM

Sekiranya anda baru -baru ini mula bekerja dengan GraphQL, atau mengkaji semula kebaikan dan keburukannya, anda tidak akan ragu -ragu mendengar perkara seperti "Graphql tidak menyokong caching" atau

Menjadikan Peralihan Svelte Khas pertama anda Mar 15, 2025 am 11:08 AM

API Peralihan Svelte menyediakan cara untuk menghidupkan komponen apabila mereka memasuki atau meninggalkan dokumen, termasuk peralihan svelte adat.

CSS Scrollbars Custom Custom: Pameran Mar 10, 2025 am 11:37 AM

Dalam artikel ini kita akan menyelam ke dunia scrollbars. Saya tahu, ia tidak terdengar terlalu glamor, tetapi percayalah, halaman yang direka dengan baik

Tunjukkan, jangan beritahu Mar 16, 2025 am 11:49 AM

Berapa banyak masa yang anda habiskan untuk merancang persembahan kandungan untuk laman web anda? Semasa anda menulis catatan blog baru atau membuat halaman baru, adakah anda memikirkan

Apa yang ada perintah npm? Mar 15, 2025 am 11:36 AM

Perintah NPM menjalankan pelbagai tugas untuk anda, sama ada sebagai satu-satunya atau proses berjalan terus untuk perkara seperti memulakan pelayan atau menyusun kod.

See all articles