Rumah > Artikel > hujung hadapan web > Apakah kod untuk css3 untuk menambah bayangan pada tajuk
Apakah kod untuk css3 untuk menambah bayangan pada tajuk
- WBOYasal
- 2022-04-20 16:33:011596semak imbas
Kodnya ialah "Elemen tajuk {text-shadow: horizontal shadow position vertical shadow position blur distance shadow color}"; di mana atribut "text-shadow" digunakan untuk menambah bayang pada teks, mendatar kedudukan bayang-bayang dalam atribut ini Apabila nilai kedudukan bayang-bayang menegak ditetapkan kepada nilai negatif, arah bayang-bayang akan berada dalam arah negatif paksi-x dan arah positif paksi-y.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Apakah kod css3 untuk menambah bayang pada tajuk
Sifat bayang teks digunakan pada teks bayang.
Sintaksnya ialah:
text-shadow: h-shadow v-shadow blur color;
Sifat bayangan teks menghubungkan satu atau lebih teks bayangan. Atribut ialah bayang-bayang, menyatakan setiap 2 atau 3 nilai panjang dan nilai warna pilihan yang dipisahkan dengan koma. Panjang tamat tempoh ialah 0.
Parameter dinyatakan seperti berikut:
h-bayangan diperlukan. Kedudukan bayang mendatar. Nilai negatif dibenarkan.
v-shadow Diperlukan. Kedudukan bayang menegak. Nilai negatif dibenarkan.
kabur Pilihan. Jarak kabur.
warna Pilihan. Warna bayang.
Contohnya seperti berikut:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
h1 {text-shadow:2px 2px 8px #FF0000;}
</style>
</head>
<body>
<h1>Text-shadow with blur effect</h1>
<p><b>注意:</b>IE 9及更早版本的浏览器不支持 text-shadow 属性.</p>
</body>
</html>Hasil output:
(Pembelajaran perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah kod untuk css3 untuk menambah bayangan pada tajuk. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!