Tutorial Membuat Thema Website dengan css 3 kolom
ini script htmlnya silahkan di copy
<html>
<head>
<title></title>
<style type="text/css">
body,td,th {
color: #000;
font-weight: bold;
width: 100%;
top: 0px;
background: #FFFFFF;
}
</style>
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
<body>
<body>
<div class="conten">
<div class="conten1"><div class="kiri"><div class="h1"></div>
</div><div class="kiri1"><div class="h1"><div class="t"></div>
</div></div></div>
<div class="kanan1">
</div>
<div class="right"><div class="h1"></div></div>
<div class="k2"><div class="h1"><div class="t">
<div align="center">News info</div>
</div></div></div>
</div>
</body>
</html>
ini script css.css
.conten {
height:auto;
width:940px;
padding:5px;
margin-top:10px;
background:#FFFFFF;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;}
.kanan1 {
height:230px;
width:715px;
margin:0px 0px 0px 225px;
background:#669933;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.k2 {
height:310px;
width:490px;
margin:5px 225px 0px 225px;
background:#669933;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.conten1{
height:auto;
width:215px;
float:left;
}
.kiri {
height:270px;
width:215px;
background:#FFFF99;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.kiri1 {
height:265px;
width:215px;
margin-top:5px;
background:#FFFF99;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.right {
height:220px;
width:215px;
float:right;
margin-top:5px;
background:#FFFF99;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.h1 {
height:30px;
background:url(img/h1.png) repeat-x;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px 7px 0px 0px;
-moz-border-radius:7px 7px 0px 0px;
-webkit-border-radius:7px 7px 0px 0px;
}
.h2 {
height:30px;
width:100%;}
0 komentar:
Posting Komentar