Jetzt zeig ich euch wie man den schönen Effekt kriegt, wenn man über ein Bild geht. Es gibt viele mögliche Varianten. Ich werde euch meine Favoriten zeigen. Diese Codes müsst ihr auch bei Text über dem Header hinzufügen.. Darüber soll <style> sein und darunter </style> sein:
Tipp: hover = rübergehen xD
Variante 1:
a img {
border: 1px solid #farbe;}
a:hover img {
border: 1px solid #farbe;}
Variante 2:
a img {
border: 2px solid #farbe;
}
a:hover img {
border: 2px solid #farbe;}
Variante 3:
a img {
border: 1px solid #farbe; border-radius: 2px;
background:#ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
margin: 1px;}
a:hover img {
border: 1px solid #farbe; padding:2px;
background:#ffffff;
border-radius: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
margin: 1px;}
|