Heim > Web-Frontend > CSS-Tutorial > So legen Sie den Textstricheffekt in CSS fest

So legen Sie den Textstricheffekt in CSS fest

王林
Freigeben: 2020-11-20 17:26:04
Original
10624 Leute haben es durchsucht

So legen Sie den Textstricheffekt in CSS fest: Sie können ihn mit dem Attribut text-Stroke-Color festlegen, z. B. [-webkit-text-Stroke-Color:#ff0;]. Das Attribut text-Stroke-Color wird verwendet, um die Strichfarbe des Texts im Objekt festzulegen oder abzurufen.

So legen Sie den Textstricheffekt in CSS fest

Verwandte Attribute:

Text-Strichfarbe: Das Attribut legt die Strichfarbe des Texts im Objekt fest oder ruft sie ab

(Lernvideo-Freigabe: CSS-Video-Tutorial)

Attributwert:

: Geben Sie die Strichfarbe des Texts an.

Kompatibilität:

So legen Sie den Textstricheffekt in CSS fest

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>text-stroke-color</title>
<style>
html,body{font:bold 14px/1.5 georgia,simsun,sans-serif;text-align:center;}
.stroke h1{margin:0;padding:10px 0 0;}
.stroke p{
margin:50px auto 100px;font-size:100px;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:#ff0;
}
.copyright,.info{font-style:italic;}
</style>
</head>
<body>
<body>
<div>
<h1>描边的文字:</h1>
<p>我是被描了2像素黄边的文字</p>
</div>
</body>
</html>
Nach dem Login kopieren

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie den Textstricheffekt in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage