jag sitter och pillar med en hemsida där jag ska använda ett separat css dokument för att få en boxar med runda hörn på sidan. Jag har lyckats få in en box redan, men kan inte komma ihåg hur jag ska göra för att få in fler boxar.
Någon som vet hur?
Såhär ser html koden ut
Ett stycke html-kod:
<html>
<head>
<link href="hemsida/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div class="roundtop">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
</div>
<div class="content">Innehållet i boxen här...</div>
<div class="roundbottom">
<div class="r4"></div>
<div class="r3"></div>
<div class="r2"></div>
<div class="r1"></div>
</div>
</div>
</body>
</body>
</html>
css koden ser ut såhär:
Ett stycke css-kod:
#container
{background: #cccccc;}
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;}
.content {padding: 10px;}
VÄRLDEN BEFOLKAS AV MIG, MIG O MIG O MIG, BARA MIG OCH MIN MAMMA
