Einbinden per style-Element

Obige Überschrift wird in grüner Farbe dargestellt.

/***** Button ************************************************/ .button { background-color: #666666; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px 3px 3px 3px; box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset; color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: normal; margin: 4px 4px; margin-bottom: 40px; padding: 12px 20px; position: relative; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .button:hover { box-shadow: 0 5px 5px #FFFFFF, 0 9px 0 #FFFFFF, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 15px rgba(255, 255, 255, 0.4) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset; } .button:active { box-shadow: 0 2px 0 #3B78C4, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset; top: 7px; } .green { background-color: #009; box-shadow: 0 5px 5px #365DA1, 0 9px 0 #3CF, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset; } .green:hover { box-shadow: 0 5px 5px #CFF, 0 9px 0 #098cc2, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 15px rgba(255, 255, 255, 0.4) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset; } .green:active { box-shadow: 0 2px 0 #395F26, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset; } .criss-cross { border-radius: 35px 5px 35px 5px;

ROGA Messtechnik übernimmt keine Gewähr für den Inhalt dieses Dokuments, insbesondere hinsichtlich Vollständigkeit und Richtigkeit. Spezifikation, Produktbeschreibung und Produkt können sich jederzeit ohne besondere Vorankündigung ändern.

.product { background-color: #6CF; (Buttonfarbe hellblau); box-shadow: 0 5px 5px #CFF , 0 9px 0 #098cc2, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 15px rgba(255, 255, 255, 0.4) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset; } .product:hover { box-shadow: 0 5px 5px #FF0 (Rahmen rot), 0 9px 0 #3CF (Rahmenschatten grau), 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset; } .product:active { box-shadow: 0 2px 0 #395F26, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset; }

/body>