Beispiel:CSS2 text-decoration.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<title>text-decoration</title>
<style>
h1 {
text-decoration: underline overline 5px;
text-decoration-skip-ink: auto; /* Ändern Sie diesen Wert einmal auf none ! */
}
p {text-decoration: overline; color: red;}
a:hover,
a:focus {text-decoration: underline double skyblue;}
.erledigt {text-decoration: line-through dashed blue 1px;}
.error {text-decoration: underline wavy red; }
.sonstiges {text-decoration: overline underline dotted green 3px; }
li {padding:.5em;}
body {font-size: 1.3em;}
</style>
</head>
<body>
<h1>Verwendung von <code>text-decoration</code></h1>
<p class="overline">Gewöhnlich werden
<a href="http://wiki.selfhtml.org">Verweise</a>
unterstrichen dargestellt.
</p>
<h2>Neu in CSS3: Gestaltung der Linien </h2>
<ul>
<li class="erledigt">Blumen gießen </li>
<li class="error">Einkaufen</li>
<li class="sonstiges" >Staub saugen</li>
</ul>
</body>
</html>