Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
.hr1 {
border: 0;
height: 3px;
background: #095484;
background-image: linear-gradient(to right, #ccc, #095484, #ccc);
}
.hr2 {
border: 0;
height: 3px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(9, 84, 132), rgba(0, 0, 0, 0));
}
.hr3 {
height: 15px;
border: 0;
box-shadow: inset 0 12px 12px -12px rgba(9, 84, 132);
}
.hr4 {
border-top: 3px double #095484;
}
.hr5 {
background-color: #fff;
border-top: 2px dashed #095484;
}
.hr6 {
border-top: 3px dotted #095484;
}
.hr7 {
height: 30px;
border-style: solid;
border-color: #095484;
border-width: 1px 0 0 0;