Rumah > Artikel > hujung hadapan web > Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci)

Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci)

奋力向前asal: 2021-08-20 16:34:033189semak imbas

Dalam artikel sebelumnya "Ajar anda cara menggunakan html untuk menambah kesan sempadan pada gambar (penjelasan kod terperinci) ", saya memperkenalkan anda cara menggunakan html untuk menambah kesan sempadan pada gambar. Artikel berikut akan memperkenalkan kepada anda cara menggunakan css untuk menambah kesan nyalaan pada teks Mari lihat cara melakukannya bersama-sama.

Buka perisian kod HTML dan buat kod

1 Berikut ialah teg p, dan kemudian kita boleh menulis a sedikit, Senyum ketika anda gembira, tidur ketika anda letih, senyum ketika anda bangun, contoh kod .

<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>开心就笑，累了就睡觉，醒了就微笑</p>
</body>
</html>

Kesan kod

Kesan kod keluar dan saya dapati ia adalah fon yang sangat standard , betul? , saya mahu menukar fon ini kepada huruf condong, jadi mari lihat cara melakukannya.

2. Sebenarnya, ada gaya yang boleh membantu kita yang dipanggil font-style. italic

<style type="text/css">
    p{font-style: italic;}
 
</style>

Kesan kod

Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci)

Kesan kod keluar, dan saya mendapati bahawa teks itu benar-benar senget. dan ia juga mempunyai Kaedah lain dipanggil

Kedua-dua kaedah boleh membuat teks condong, tetapi kedua-duanya kelihatan sama. oblique

p{font-style: oblique;}

Kesan kod

Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci)

Kesan kod dah keluar rasanya macam yang tadi kan, tapi nak buat api kesan, jadi bagaimana saya melakukannya?

3. Padamkan teg [Tilt] dahulu, kemudian tambahkan rentetan

kod antara teg kepala dan kemudian masukkan penjajaran mendatar, fon, warna, bayang-bayang dan kod teks dalam <style type="text/css"></style> contoh. style

p{
text-align:center;
font:bold 60px Arial, Helvetica, sans-serif;
color: red;
text-shadow: 0 0 4px white,
2px -5px 4px #ff3,
-2px -15px 11px #f80,
2px -25px 18px #f20;
}

Kesan kod

Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci)

4. Untuk meningkatkan kesan nyalaan, tetapkan warna latar belakang kepada hitam dan masukkan tag >

styleKesan kod

body{background-color:#000;}

Pembelajaran yang disyorkan: Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci) Tutorial video CSS

Atas ialah kandungan terperinci Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci). 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：Bagaimana untuk membuat latar belakang beralun menggunakan CSS?Artikel seterusnya：Bagaimana untuk membuat latar belakang beralun menggunakan CSS?

Artikel berkaitan

Lihat lagi