Zwei Beispieleffekte von CSS3-Text

高洛峰

Freigeben： 2017-03-27 10:19:25

Original

2217 Leute haben es durchsucht

CSS3-Texteffekt-Beispiel 1:

Textschatten:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS3 文本阴影</title>
<style>
h1{text-shadow: 5px 5px 5px #FF0000;}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>

Nach dem Login kopieren

Beispiel 2: CSS3 automatischer Zeilenumbruch

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 自动换行</title>
<style> 
p.test{
width:11em;
border:1px solid #000000;
word-wrap:break-word;
}
</style>
</head>
<body>
<p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonZwei Beispieleffekte von CSS3-Text. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

css3

Quelle：php.cn

Vorheriger Artikel：Detaillierte Erklärung des CSS-Box-Effekts Nächster Artikel：Beispielcode für CSS3-Vergrößerung und -Rotation

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

Neueste Artikel des Autors