Miana Norma Intan : Study Kasus Modul 4

Dan ini adalah script program nya.. . :

CSS nya

body {
margin: 5px auto;
width: 750px;
}
header,nav,section,footer{
display:block;
border:3px solid lime;
}
header{
height:50px;
background-color : blue;
color : fuchsia;
}
nav{
padding : 5px;
height:25px;
background-color : magenta;
}
section{
height:450px;
background-color : indigo;
border:2px solid lime;
}
article,aside{
display:block;
border:3px dashed lime;
}
article{
background-color : magenta;
float:left;
margin-top:20px;
margin-right: 20x;
margin-left: 20px;
width: 400px;
height:400px;
color : blue;
}
aside{
float:left;
margin-top:20px;
margin-right:20x;
margin-left:40px;
width: 250px;
color : blue;
height:400px;
border:3px solid lime;
background-color : magenta;
}
footer{
clear:both;
height:20px;
background-color : blue;
color : fuchsia;
}
button{
margin-left:10px;
outline-width: 0;
border: 2px solid lime;
border-radius: 50px;
-moz-border-radius: 50px;
color : lime;
background-color : indigo;
}

Dan ini adalah Script HTML nya :

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>LAYOUT SEDERHANA</title>
<link rel="icon" type="image/x-icon" href="smiles_67.gif">
<link rel="stylesheet" href="kasusstyle.css" type="text/css" />
</head>
<body>
<header>
HEADER
</header>
<nav>
<button style="submit georgia"><i>News</i></button>
<button style="submit georgia"><i>Email</i></button>
<button style="submit georgia "><i>About me</i></button>
<button style="submit georgia "><i>Home</i></button>
</nav>
<section>
<article>
ARTICLE
</article>
<aside>
ASIDE
</aside>
</section>
<footer>
FOOTER
© By Mianapti.blogspot.com 2011
</footer>
</body>
</html>

Miana Norma Intan

Minggu, 06 Maret 2011

Study Kasus Modul 4

Tidak ada komentar:

Posting Komentar

PTI erssss

Labels