Frage von KleinerIdeologe, 19

Button mit einem Bild darstellen?

Wie kann ich es so machen, dass das nicht als normaler Button angezeigt wird, sondern als Foto?

Antwort
von Balco, 7

Du kannst deinen Button mit CSS stylen und ihm so ein Hintergrundbild hinzufügen.

Nehmen wir an, du hast folgenden Button im HTML-Code:

<input type="button" id="myButton" value="Hello World!">

Oder auch folgender:

<button id="myButton">Hello World!</button>

Dann kannst du über die ID den Button stylen:

#myButton {
    background-image: url(http://link.to/your-image);
}

In der 2. HTML-Variante könntest du das Bild auch mit einem IMG-Tag darstellen, anstatt ein Hintergrundbild über CSS zu setzen.

MfG

Kommentar von KleinerIdeologe ,

Vielen Dank, habe es dann bei der url mit //image gemacht. Danke :)

Keine passende Antwort gefunden?

Fragen Sie die Community