0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
<!doctype html><html lang="th"><head><meta charset="utf-8"><title>เลย์เอาท์</title><link rel="stylesheet" href="main.css"></head><body> <header> <p><center>header</center></p> </header> <nav> <p><center>nav</center></p> </nav> <section id="container"> <article class="left"> <p><center>article left</center></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </article> <article class="right"> <p><center>article right</center></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </article><aside> <p><center>aside</center></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p></aside></section> <footer> <p><center>footer</center></p> <p> </p> <p> </p> </footer></body></html>
[แอท]charset "utf-8";/* CSS Document */body{ font-family: 12px Tahoma, Geneva, sans-serif; background-image: url(); /*ใส่พื้นหลังรูปภาพ*/ background-position: top center; /* วางตำแหน่งรูปภาพเป็นตรงกลาง*/ margin-left: 0px; margin-top: 4px; margin-right: 0px; margin-bottom: 0px;}header{ margintop: ; background-color: #3FF; height: 200px; width: 1024px; margin: auto; }nav{ width: 1024px; height: 25px; margin: auto; background: #F6F; }#container{ background: #F6F; width: 1024px; margin: auto; }.left{ float: left; clear: both; width: 180px; background-color: #F96; }.right{ float: left; width: 644px; background-color: #9F6; }aside{ float: right; width: 200px; background-color: #C69; }footer{ width: 1024px; height: 80px; margin: auto; background-color: #C9F; clear: both; }