STUDI KASUS
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>SECTION</title>
<link rel="stylesheet" href="mystyle.css" type= "text/css" />
</head>
<body>
<header>
header
</header>
<nav>
nav
</nav>
<section><div id="tengah">
<article>article</article>
<aside>aside</aside>
</div>
</section>
<footer>footer</footer>
</body>
</html>
CSS
body {
margin: 5px;
width: 1300px;
}
header{
height:60px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
}
nav {
height:30px;
border-right: 1px solid yellow;
border-left: 1px solid yellow;
border-bottom: 1px solid blue;
}
#tengah {
width:1300px;}
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:20px;
float:left;
border: 1px dashed red;
width:950px;
height:450px;
}
aside {
height:450px;
width:270px;
float:right;
border: 1px dashed black;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;}
footer{
height:20px;
border:1px solid red;}
Hasil Tampilan :
0 Response to "Tugas Praktikum WEB modul 4"
Posting Komentar