Beispiel:CSS2 border.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" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<title>Border</title>
<style>
h2 {
border-bottom: thick double blue;
float: left;
width: 48%;
}
h2.anders {
border-bottom: medium dotted blue;
float: right;
}
p {
border: thin solid red;
width: 30em;
padding: 0.5em;
clear: both;
}
p.beachten {
border: none;
border-left: 5px solid #FFCCCC;
}
</style>
</head>
<body>
<h1>Border</h1>
<h2>Teilüberschrift, doppelt unterstrichen</h2>
<h2 class="anders">Teilüberschrift, einfach unterstrichen</h2>
<p>Textabsatz begrenzter Breite, mit einem schmalen roten Rahmen</p>
<p class="beachten">Dies kennen Sie wahrscheinlich aus dem SELFHTML-Wiki. Dort heißt es <b>Beachten Sie:</b> und hat möglicherweise eine andere Schriftart.</p>
</body>
</html>