#header {
height : 80px;
border : 1px solid purple;
}
#navi{
height : 30px;
border : 1px solid red;
}
#section{
height : 340px;
border : 1px solid blue;
padding : 15px;
}
#sidebar{
float : left;
margin-right : 20px;
width : 800px;
height : 330px;
border : 1px dashed green;
}
#article{
float : left;
width : 329px;
height : 330px;
border : 1px dashed purple;
}
#footer{
clear : both;
height : 30px;
border : 1px solid blue;
}
Script HTML:
<!DOCTYPE HTML>
<html lang='en'>
<head>
<title>Desain Layout Studi Kasus</title>
<link rel="stylesheet" href ="studi.css" type="text/css"/>
</head>
<body>
<div id="header">
Header
</div>
<div id="navi">
Navi
</div>
<div id="section">
<div id="sidebar">
Sidebar
</div>
<div id="isi">
Article
</div>
Section
</div>
<div id="footer">
Footer
</div>
</div>
</div>
</body>
</html>
Tampilan:
0 komentar:
Post a Comment