Script
css
body {
margin: 10px auto;
width: 1330px;
}
header{
height:80px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
}
nav {
height:40px;
border-right: 1px solid yellow;
border-left: 1px solid yellow;
border-bottom: 1px solid blue;
}
#dalam {
width:1320px;}
section {
height:500px;
border-top: 1px solid green;
border-right: 1px solid red;
border-left: 1px solid red;
border-bottom: 1px solid red;
}
article {
margin:35px;
float:left;
border: 1px dashed red;
width:950px;
height:420px
}
aside {
height:420px;
width:230px;
float:right;
border: 1px dashed black;
margin-right:35px;
margin-top:35px;
margin-bottom:35px;}
footer{
height:20px;
border:1px solid red;}
Html
<!doctype HTML>
<html lang="en">
<head>
<title>background image</title>
<link rel="stylesheet" href="mystyle.css" type= "text/css" />
</head>
<body>
<header>
header
</header>
<nav>
nav
</nav>
<section><div id="dalam">
<article>article
</article>
<aside>aside
</aside>
</div>
</section>
<footer>
foot
</footer>
</body>
</html>
Tidak ada komentar:
Posting Komentar