<!DOCTYPE html>
<html>
<head>
<style>
h2 {
border-bottom: 5px dashed #1c87c9;
}
p {
border-bottom: 8px double #8ebf42;
}
div {
border-bottom: 10px ridge #ccc;
}
</style>
</head>
<body>
<h2>Eine Überschrift mit einem gestrichelten blauen unteren Rand.</h2>
<p>Ein Absatz mit einem doppelten grünen unteren Rand.</p>
<div>Ein div-Element mit einem ridgegrauen unteren Rand.</div>
</body>
</html>