Wie heißt der code?

  • Hallo,

    ich möchte, dass bei einem Bild, wenn man mit der Maus darüberfährt, ein farbiger Rand erscheint. Wie lautet der css-code?

    An welcher Stelle im styleshet kann er eingebaut werden? Die Website liegt hier:Malerei 2000 und es handelt sich um das kleine Bild links mit dem Text

    Das aktuelle Bild:

  • Um das Bild eindeutig ansprechen zu können, gibst Du ihm am besten eine Klasse, z. B. "hoverimg":

    Code
    <img class="hoverimg" src="Malerei/Acrylmalerei/album/thumbs/blaue_formen.jpg" alt="">

    Das folgende CSS, dass beim Hover der farbige Rand erscheint. Der transparente Rand ist nur ein Platzhalter, damit sich das Layout bei Hover nicht verschiebt.

    Code
    img.hoverimg {
        border: 2px solid transparent;
    }
    img.hoverimg:hover {
        border: 2px solid blue;
    }

    Wo Du dass CSS hinschreibst, ist von untergeordneter Bedeutung, aber da es zum Bild gehört, bietet es sich an, es dort zu notieren, wo auch die CSS-Regeln für img allgemein stehen, d. h. in style2000.css ab Zeile 108.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!