First, you'll want to create four <div>s: one for the header, one for the left column, one for the right column, and one for the footer.
Instructions
On the HTML tab, create four
<div>
s: one with an ID of "header"
, one with a class of "left"
, one with a class of"right"
, and one with an ID of"footer"
.
On the CSS tab, give all your
div
s whatever styling you like! We recommend giving them all a border-radius
of 5px
for that rounded corner look
#header{border-radius:5px;}
.left{border-radius:5px;}
.right{border-radius:5px;}
#footer{border-radius:5px;}
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header"></div>
<div class="left"></div>
<div class="right"></div>
<div id="footer"></div>
</body>
</html>
No comments:
Post a Comment