TUGAS 2 Pemrograman Web
<html>
<head>
<title>Layout css</title>
<style type="text/css">
#halaman { width:1100px; margin:0 auto; }
#header {padding:10px;font-size: 50px;
background: rgba(0,0,0,5);
line-height: 55px;
text-align: center;
color: red; }
#kiri { height:230px; padding:10px;background-color:#CCCCCC; background: url(bunga.jpg);background-size:100%;float:left;width:250px; margin-top:10px; }
#kanan { height:230px; padding:10px;background-color:#CCCCCC;background: url(j.jpg);background-size:100%;float:right;width:250px; margin-top:10px; }
#tengah { height:450px; width:500px; padding:10px;background: url(jenny.jpg);background-size:100%;background-color:#CCCCCC; margin:10px 290px 0 290px;border: 2px solid #fff; }
#footer { clear:both; height:50px;padding:10px; background: url(fs.png);background-size:50%;margin-top:10px;}
</style>
<head>
<title>Layout css</title>
<style type="text/css">
#halaman { width:1100px; margin:0 auto; }
#header {padding:10px;font-size: 50px;
background: rgba(0,0,0,5);
line-height: 55px;
text-align: center;
color: red; }
#kiri { height:230px; padding:10px;background-color:#CCCCCC; background: url(bunga.jpg);background-size:100%;float:left;width:250px; margin-top:10px; }
#kanan { height:230px; padding:10px;background-color:#CCCCCC;background: url(j.jpg);background-size:100%;float:right;width:250px; margin-top:10px; }
#tengah { height:450px; width:500px; padding:10px;background: url(jenny.jpg);background-size:100%;background-color:#CCCCCC; margin:10px 290px 0 290px;border: 2px solid #fff; }
#footer { clear:both; height:50px;padding:10px; background: url(fs.png);background-size:50%;margin-top:10px;}
</style>
