Wie kann ich ein Button mit Eindrückeffekt erstellen?

bodenseejenny

Hallo, ich bi neu hier und heiße Jenny. ( Gibt glaube ich kein Thread wo man sich als Newbie vorstellt?)
Ich habe eine eigene HP ( nur mit Go Live erstellt) und nun will ich den ganzen Kram wie (X)HTML, CSS, PHP, Ajax usw. auch verstehen und lernen. Ich habe mir ein großes Website Buch von Markt und Technik gekauft und fange nun mit HTML und CSS an. Was ich nicht so ganz verstehe und was auch nicht drin steht ist wie man Buttons erstellt, die beim anklicken eingedrückt werden. Kann mir jemand erklären was ich dazu machen muss?

Liebe Grüße Jenny

Bandit

Zitat von bodenseejenny

Gibt glaube ich kein Thread wo man sich als Newbie vorstellt?

Kannst einen eigenen Thread eröffnen unter https://www.forum-hilfe.de/forumdisplay.php?f=26

Zitat von bodenseejenny

Kann mir jemand erklären was ich dazu machen muss?

Siehe http://www.aboutwebdesign.de/awd/content/1095938031.shtml

Grevas

Das ist zwar kein richtiger Button, sondern ein Link, aber vom Prinzip das selbe. Kannst also genau so für ein <button> bzw. <input type="submit"> benutzen.

Mein Beispiel:

HTML

<input type="submit" class="button" name="x" value="hover me!" />

CSS:

Code

.button {
    width: 100px;
    height: 50px;
    border-style: outset;
}
.button:hover {
    border-style: groove;
}


.button:active {
    border-style: inset;
}

Alles anzeigen

/P.S. unterschied: ein <a> kannst du in einem <form> vergessen ^^, also wenn du nur ein link brauchst, ist die von bandit angebotene Lösung besser geeignet

bodenseejenny

Danke für eure Hilfe!
Werde das heute Abend mal in Ruhe ausprobieren wenn die Kinder im Bett sind!

LG Jenny

Tags