Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
gf_informatik:web:uebungen [2025-02-12 07:48] – [Auftrag 3 - Formatierung mit CSS] gragf_informatik:web:uebungen [2025-02-12 08:22] (aktuell) – [Lösungen LP] gra
Zeile 254: Zeile 254:
 </html> </html>
 </code> </code>
 +++++
 +
 +++++Buttons|
 +== HTML ==
 +<code html index.html>
 +<html>
 +
 +<head>
 +    <title>TwoButtons</title>
 +    <link rel="stylesheet" href="style.css">
 +</head>
 +
 +<body>
 +    <h1>Entscheide dich:</h1>
 +    <br>
 +    <center>
 +        <a href="red.html" class="red">Rote Pille</a>
 +        <a href="blue.html" class="blue">Blaue Pille</a>
 +    </center>
 +</body>
 +
 +</html>
 +</code>
 +
 +== CSS ==
 +<code css style.css>
 +
 +body{
 +    background-color:lavender;
 +    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 +}
 +
 +h1{
 +    text-align: center;
 +}
 +
 +a{
 +    font-size: 14pt;
 +    text-align: center;
 +    text-decoration: none;
 +    padding: 10px 20px;
 +    border-style: outset;
 +}
 +
 +a.red{
 +    background-color: red;
 +    color:lightpink ;
 +}
 +
 +a.red:hover{
 +    background-color: coral;
 +    color: darkred
 +}
 +
 +a.blue{
 +    background-color: blue;
 +    color:cyan;
 +}
 +
 +a.blue:hover{
 +    background-color: cornflowerblue;
 +    color: darkblue
 +}
 +</code>
 +
 ++++ ++++
 </nodisp> </nodisp>
  • gf_informatik/web/uebungen.1739346485.txt.gz
  • Zuletzt geändert: 2025-02-12 07:48
  • von gra