CSS shadow ya mawasiliano
Tumia CSS kuanzisha shadow!
CSS shadow ya mawasiliano
Kwa kutumia CSS, unaweza kuongeza shadow kwa matukio na vitu vingine.
Kwenye mafunzo yetu, unataenda kueleza matumizi ya kilele hizo:
text-shadowbox-shadow
CSS shadow wa matukio
CSS text-shadow Inayotumika kuingiza shadow kwa matukio.
Tukio la kwanza ni kupendeza shadow wa kimoja kwa kumekadiri kwa kifupi (2px) na kifupi (2px):
文字阴影效果！
Mivivu
h1 {
text-shadow: 2px 2px;
}
Kifo, ongeza rangi ya shadow:
文字阴影效果！
Mivivu
h1 {
text-shadow: 2px 2px red;
}
Kisha, ongeza uharibifu wa shadow:
文字阴影效果！
Mivivu
h1 {
text-shadow: 2px 2px 5px red;
}
Mfano hapa inayotunza matukio ya kichwa cha kichwa ya kifupi:
文字阴影效果！
Mivivu
h1 {
color: white;
text-shadow: 2px 2px 4px #000000;
}
Mfano hapa inayotunza kifupi cha kina cha kichwa cha kichwa:
文字阴影效果！
Mivivu
h1 {
text-shadow: 0 0 3px #FF0000;
}
Shadow zaidi ya moja
Ili kuongeza shadow zaidi ya moja katika matukio, unaweza kuongeza orodha ya shadow zaidi ya moja kwa kumekadiri komo:
Mfano hapa inayotunza maelezo ya kifupi cha kina na kina ya kichwa cha kichwa:
文字阴影效果！
Mivivu
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
下面的例子展示了带有黑色、蓝色和深蓝色阴影的白色文本：
文字阴影效果！
Mivivu
h1 {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
您还可以使用 text-shadow 属性在文本周围创建纯边框（无阴影）：
Kifungu cha mawingu ya mawingu ya mawingu!
Mivivu
h1 {
color: mwezi;
text-shadow: -1px 0 mwezi, 0 1px mwezi, 1px 0 mwezi, 0 -1px mwezi;
}
