Rollovereffekte
a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }
http://de.selfhtml.org/css/eigenschaften/anzeige/pseudo_links.htm
Bild-Button mit CSS
http://aktuell.de.selfhtml.org/artikel/css/mouseover/beispiel5.htm
Mit CSS Bild referenzieren
#header{
background-image:url(http://www.loogie.net/vmk/header.jpg);
background-repeat:no-repeat;
background-position:right top;
}
oder Kurzschreibweise:
#header{
background:url(http://www.loogie.net/vmk/header.jpg) repeat-y left top;
}
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image
CSS Box-Model
body{
margin:0px;
pdding:0px;
}
.box {
height: 300px;
width: 200px;
border: 1px solid black;
background:orange;
padding:5px;
margin:50px;
}
Kurzschreibweise border:
border: 1px solid black;
Ohne Kurzschreibweise:
border-top-width: 1px;
border-top-style: solid;
border-top-color: black;
border-right-width: 1px;
border-right-style: solid;
border-right-color: black;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: black;
border-left-width: 1px;
border-left-style: solid;
border-left-color: black;
Kurzschreibweise margin:
margin:50px;
margin:50px 50px 50px 50px;
Ohne Kurzschreibweise:
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
margin-left: 50px;
http://de.selfhtml.org/css/formate/box_modell.htm