อ่ะ ตัวอย่าง อันนี้แบบลวกๆ
2 แถว 2 คอลัมน์
ถ้าอยากทำเป็นหลายๆ รูปแบบก็ศึกษาตามที่บอก แต่จริงๆ แล้วถ้าเป็นงานตารางใช้ตารางจะดีกว่านะ
^ ^ CSS นี่เอาไว้เนียนตอนเขียนตารางไม่ได้ก็พอ
==================
<head>
<style>
.table{width:240px; height:240px; background:black; text-align:center;}
.clear{float:clear;}
.t1{ width:120px; height:120px; background:yellow; float:left; }
.t2{ width:120px; height:120px; background:green; float:left; }
.t3{ width:120px; height:120px; background:blue; float:left;}
.t4{ width:120px; height:120px; background:red; float:left;}
</style>
</head>
<body>
<div class="table">
<div class="clear">
<div class="t1">แถว 1 คอลัมน์ 1</div>
<div class="t2">แถว 1 คอลัมน์ 2</div>
</div>
<div class="t3">แถว 2 คอลัมน์ 1</div>
<div class="t4">แถว 2 คอลัมน์ 2</div>
</div>
</body>
=====
ลองเซฟเป็นไฟล์ .html แล้วเปิดดูเองล่ะกัน
พัฒนาเว็บไซต์
