Anne Cathrine
New member
I know there's something wrong, because I want the boxes to stand inside each other.
Can you help me get it right?
Here's what I have done so far:
<style type="text/css">
#a {
width:600px;
height:500px;
background-color:#FF0988;
border:solid 3px #FF0000;
}
#b {
width:530px;
height:450px;
background-color:#00FF00;
border:groove #FFFFFF 2px;
margin:20px
}
#c {
background-color:#33CCFF;
width=500px;
height=400px;
border:dashed #CC000;
margin:20px;
}
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</body>
</html>
Can you help me get it right?
Here's what I have done so far:
<style type="text/css">
#a {
width:600px;
height:500px;
background-color:#FF0988;
border:solid 3px #FF0000;
}
#b {
width:530px;
height:450px;
background-color:#00FF00;
border:groove #FFFFFF 2px;
margin:20px
}
#c {
background-color:#33CCFF;
width=500px;
height=400px;
border:dashed #CC000;
margin:20px;
}
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</body>
</html>