1:22 AM
Dekill Brother
<html>
<head>
<title>Biodata Diri</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
</div>
<div id="header2">
</div>
<div id="mainbody">
<div id="navigasion">
<p align="center"><font size="5"><b><i>Biodata Diri</i></b></font></p>
</div>
<div id="headline">
<p align="center"><i><b><font size="5"><font color="#FF0000">Nama : muraidin</font></font></b></i></p>
<p align="center"><i><b><font size ="5"><font color="lime">Tempat Tanggal Lahir : tebing tinggi, 16 Juli 1990</font></font></b></i></p>
<p align="center"><i><b><font size ="5"><font color="#FF00FF">Alamat Rumah : Jalan sm raja </font></font></b></i></p>
<p align="center"><i><b><font size="5"><font color="#000080">No.HP / Telp : 0213456789</font></font></b></i></p>
<p align="center"><i><b><font size="5" color="blue">Pendidikan : D3 MANAJEMEN INFORMATIKA</font></b></i></p>
<p align="center"><i><b><font size="5" color="#800000">Kegiatan : mencari berkah</font></b></i></p>
<p align="center">Cek Jadwal Perkuliahan <a href="Hal-2.html">Masuk</a></p>
</div>
<div id="rightside">
<h3><p align="center"><img src="images.jpg" width="250" height="340"></img></p></h3>
</div>
</div>
</body>
</html>
<head>
<title>Biodata Diri</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
</div>
<div id="header2">
</div>
<div id="mainbody">
<div id="navigasion">
<p align="center"><font size="5"><b><i>Biodata Diri</i></b></font></p>
</div>
<div id="headline">
<p align="center"><i><b><font size="5"><font color="#FF0000">Nama : muraidin</font></font></b></i></p>
<p align="center"><i><b><font size ="5"><font color="lime">Tempat Tanggal Lahir : tebing tinggi, 16 Juli 1990</font></font></b></i></p>
<p align="center"><i><b><font size ="5"><font color="#FF00FF">Alamat Rumah : Jalan sm raja </font></font></b></i></p>
<p align="center"><i><b><font size="5"><font color="#000080">No.HP / Telp : 0213456789</font></font></b></i></p>
<p align="center"><i><b><font size="5" color="blue">Pendidikan : D3 MANAJEMEN INFORMATIKA</font></b></i></p>
<p align="center"><i><b><font size="5" color="#800000">Kegiatan : mencari berkah</font></b></i></p>
<p align="center">Cek Jadwal Perkuliahan <a href="Hal-2.html">Masuk</a></p>
</div>
<div id="rightside">
<h3><p align="center"><img src="images.jpg" width="250" height="340"></img></p></h3>
</div>
</div>
</body>
</html>
Script CSS
body{
padding:0; margin:0; background:#ffffff; color:#111406;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
}
.spacer{
clear:both; line-height:0; font-size:0;
}
/*header session start from here*/
#header{
width:1287px;
height:33px;
margin:0 auto;
position:relative;
background:#da0e0e;
}
#header2{
width:1287px;
height:190px;
margin:0 auto;
position:relative;
background:url(images/header.png) repeat-x;
}
#mainbody{
width:1000px;
height:500px;
margin:0 auto;
margin-top:-100px;
position:relative;
background:#ffffff;
border:1px solid #000000;
}
#navigasion{
width:990px;
height:40px;
margin:0 auto;
margin-top:5px;
position:relative;
background:#81def9;
border:1px solid #3c18f4;
}
#headline{
width:650px;
height:380px;
margin:0 auto;
margin-top:10px;
margin-left:10px;
float:left;
position:relative;
background:#ffffff;
border:5px solid #8cadde;
}
#rightside{
width:290px;
height:380px;
margin:0 auto;
margin-top:10px;
margin-right:10px;
float:right;
position:relative;
background:#ffffff;
border:5px solid #8cadde;
}
Posted in: TENTANG CSS
0 comments:
Post a Comment