Jeg har lavet nogen "buttons", men jeg kan ikke finde ud af at
lave dem samme størrelse.
HTML:
<a href="#" class="button" target="iframe">CSS Button 1</a>
<a href="#" class="button" target="iframe">CSS Button 2</a>
<a href="#" class="button" target="iframe">CSS Button 3</a>
<a href="#" class="button" target="iframe">CSS Button 4</a>
<a href="#" class="button" target="iframe">CSS Button 5</a>
CSS:
a.button {
font-weight: bold;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 4px 8px;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
text-align: center;
text-transform: uppercase;
width: 200px;
}
a.button:link {
background-color: #ffffff;
color: black;
text-decoration: none;
}
a.button:visited {
background-color: #ffffff;
color: black;
text-decoration: none;
}
a.button:hover {
background-color: #c0c0c0;
border-color: black black black black;
text-decoration: none;
}
a.button:active {
background-color: #ffffff;
color: black;
text-decoration: none;
}
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials