Beispiel:CSS-Überschrift-5.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!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" />
  <style>
main {
  background: linear-gradient( #003471, #448CCB 30%);
  width: 80%;
  height:500px;
  margin: 10px auto;
}

h2 {
  font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
  font-size: 5em; line-height: 0.5em;
  margin: 0.3em 0.3em 1em 0.3em;
  color: #5c82d9;
  text-shadow: 
    rgba(0,0,0,0.5) -1px 0, 
	rgba(0,0,0,0.3) 0 -1px, 
	rgba(255,255,255,0.5) 2px 2px, 
	rgba(0,0,0,0.3) -1px -2px;
}
  </style>
  <title>Überschriften 5</title>
</head>
<body>
<h1>Beispiel: Überschriften interessant gestalten 5</h1>

<main>
  <h2><span id="eins">Dreidimensional</h2>
  <p>
     Diese Seite wirkt durch Schatteneffekte und einen Verlauf als Hintergrund.
  </p>   

</main>
</body>
</html>