Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie die Text-Shadow-Eigenschaft von CSS3
So verwenden Sie die Text-Shadow-Eigenschaft von CSS3
- php中世界最好的语言Original
- 2018-01-22 10:47:462040Durchsuche
Dieses Mal erkläre ich Ihnen, wie Sie das CSS3-Attribut text-shadowtext-shadow verwenden und was Sie bei der Verwendung des CSS3-Attributs text-shadow beachten sollten. Was sind sie? Hier sind tatsächliche Fälle.
Textschatten-Textschattenattribut-Spezialeffekte: 1. Schatten in der unteren rechten Ecke, Schatten in der unteren linken Ecke, Schatten in der oberen linken Ecke, Schatten in der oberen rechten Ecke<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>text-shadow</title>
<style>
p{
text-align:center;
margin:0;
font-family: helvetica,arial,sans-serif;
color:#999;
font-size:80px;
font-weight:bold;
text-shadow:10px 10px #333;
}
</style>
</head>
<body>
<p>Text Shadow</p>
</body>
</html>Wenn Sie Text ändern, ändern Sie den Schatten in: text-shadow:-10px 10px #333, und der Schatten in der unteren linken Ecke wird angezeigtÄndern Sie den Textschatten in: text-shadow:-10px -10px #333, und der Schatten in der oberen linken Ecke wird angezeigt Ändern Sie text-shadow in: text-shadow: 10px -10px #333, und der Schatten in der oberen rechten Ecke wird angezeigt 2. Verwenden Sie Text-Shadow, um den dreidimensionalen Texteffekt einzustellen <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>text-shadow</title>
<style>
p{
text-align:center;
margin:0;
font-family: helvetica,arial,sans-serif;
color:#999;
font-size:80px;
font-weight:bold;
text-shadow:-1px -1px #fff,
1px 1px #333;
}
</style>
</head>
<body>
<p>Text Shadow</p>
</body>
</html>Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln die chinesische PHP-Website! Verwandte Lektüre:
Detaillierte Beispiele für die HTML-Textformatierung
Zusammenfassung häufig verwendeter Tags in HTML
So zentrieren Sie das Bild vertikal und spannen es in p
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Text-Shadow-Eigenschaft von CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
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
Vorheriger Artikel：Was sind die gängigen Stile von HTML-Seiten?Nächster Artikel：Was sind die gängigen Stile von HTML-Seiten?