CSS Hoverbuttons

Einfaches Beispiel CSS Hover

by marco_rensch

HTML

<span class="button">Der Text</span>
<span class="button">Ein anderer Button Text</span>

<a href="http://google.ch" target="_blank">
  <span class="button">Und einmal mit Link</span>
</a>

CSS

span.button {
  font-family: arial;
  cursor: pointer;
  display: inline-block;
  margin: 5px;
  padding: 10px;
  background-color: blue;
  color: white;
}

span.button:hover {
  background-color: DeepSkyBlue;
}