Ajar anda langkah demi langkah cara menggunakan css untuk menambah kesan nyalaan pada teks (penjelasan kod terperinci)-tutorial css-php.cn

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

奋力向前

Lepaskan： 2021-08-20 17:13:08

asal

3155 orang telah melayarinya

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.

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

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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;}

Salin selepas log masuk

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;
}

Salin selepas log masuk

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 <🎜 dalam <🎜. > tag >

styleKesan kod

body{background-color:#000;}

Salin selepas log masuk

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!