Full Face
Selasa, 22 Februari 2011
studi kasus modul 4
<br /> body{<br /> margin: 10px auto;<br /> width : 1000px;<br /> }<br /> <br /> header,nav, section, footer {<br /> display : block;<br /> }<br /> <br /> #header {<br /> height: 80px;<br /> border: 2px solid purple;<br /> }<br /> <br /> #nav{<br /> height : 30px;<br /> border: 2px solid orange;<br /> }<br /> #section {<br /> height: 400px;<br /> border : 2px solid green;<br /> }<br /> <br /> #article {<br /> float : left;<br /> margin-right: 30px;<br /> margin-top: 15px;<br /> margin-left: 30px;<br /> width: 550px;<br /> height: 350px;<br /> border: 2px dashed red;<br /> }<br /> <br /> #aside{<br /> float: left;<br /> margin-left: 40px;<br /> margin-right: 50px;<br /> margin-top: 15px;<br /> width: 270px;<br /> height: 350px;<br /> border: 2px dashed black;<br /> <br /> }<br /> <br /> #footer{<br /> clear: both;<br /> height:50px;<br /> border: 1px solid blue;<br /> }<br />
<br /> <!DOCTYPE HTML><br /> <html lang="en"><br /> <br /> <head><br /> <title>sk modul papat</title><br /> <link rel="stylesheet" href="papat.css" type="text/css" /><br /> <br /> </head><br /> <br /> <body><br /> <br /> <br /> <div id="header">Header<br /> </div><br /> <div id="nav">Nav<br /> </div><br /> <div id="section"><br /> <div id="article">Article<br /> </div><br /> <div id="aside">Aside<br /> </div>Section<br /> </div><br /> <div id="footer">Footer<br /> </div></div></body><br /> </html><br />
Tidak ada komentar:
Posting Komentar
Posting Lebih Baru
Posting Lama
Beranda
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar