Hier das HTML:

1
<a class="button" href="http://sample.org">Hyperlink</a>

Nun das CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
a.button {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:none repeat scroll 0 0 #eee;
    border:1px solid #999;
    cursor:pointer;
    padding:5px;
    color:#000;
    text-decoration:none;
}

a.button:hover {
    text-decoration:none;
}
Artikel / Seite weiterempfehlen

Schreibe einen Kommentar

Ihre Email-Adresse wird nicht veröffentlicht. Pflichtfelder sind durch * markiert.

Sie können folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>