WEB DESAIN
By pelita nuramini - Maret 25, 2019
<!DOCTYPE html>
<html lang ="ID">
<head>
<meta charset="utf-8" />
<title>Belajar CCS</title>
<style type="text/css">
body{ background:url(images/bg.jpg) repeat-x, url(images/bg2.jpg) repeat-x, #6f00ff; margin:0;}
.kotak { width:1000px; background:#fff; margin:0 auto;}
.header {width:1000px; height:100px; background:#ccc;}
.logo {width:250px; height:100px; background:#999; float:left;}
.atas {width:750px; height:100px; backgraound:#777; float:right;}
.nav {width:1000px; height:30px; background:#e83214;}
.wrap {width:1000px;}
.content{width:750px; background:#23e814; float:left;}
.sidebar{width:250px; background:#e814c8; float:left;}
.footer {width:1000px; background:#1446e8;}
</style>
</head>
<body>
<div class="kotak">
<div class="header">
<div class="logo">
</div>
<div class="atas">
</div>
</div>
<div class="nav">
</div>
<div class="wrap">
<div class="content">
isinya
</div>
<div class="sidebar">
isinya
</div>
</div>
<div class="footer">
adalah
</div>
</div>
</body>
</html>
<html lang ="ID">
<head>
<meta charset="utf-8" />
<title>Belajar CCS</title>
<style type="text/css">
body{ background:url(images/bg.jpg) repeat-x, url(images/bg2.jpg) repeat-x, #6f00ff; margin:0;}
.kotak { width:1000px; background:#fff; margin:0 auto;}
.header {width:1000px; height:100px; background:#ccc;}
.logo {width:250px; height:100px; background:#999; float:left;}
.atas {width:750px; height:100px; backgraound:#777; float:right;}
.nav {width:1000px; height:30px; background:#e83214;}
.wrap {width:1000px;}
.content{width:750px; background:#23e814; float:left;}
.sidebar{width:250px; background:#e814c8; float:left;}
.footer {width:1000px; background:#1446e8;}
</style>
</head>
<body>
<div class="kotak">
<div class="header">
<div class="logo">
</div>
<div class="atas">
</div>
</div>
<div class="nav">
</div>
<div class="wrap">
<div class="content">
isinya
</div>
<div class="sidebar">
isinya
</div>
</div>
<div class="footer">
adalah
</div>
</div>
</body>
</html>
0 komentar