本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下
div布局: html+css实现简单布局。Tinggi #Container tidak dapat ditulis sebagai persentase, dan harus merupakan ketinggian tertentu.
<! #Container {width: 100%; ; Latar Belakang: Darkgrey; /div> <div ID = Content-Body> Content subject </div> <div ID = FOOTER> bottom </div> </body> </html>
Efek Peta:
table布局:<! Tinggi = 650px style = latar belakang-warna: aqua> <tr> <td colspan = 3 lebar = 100% tinggi = 10% gaya = latar belakang-warna: chartreuse> "<td lebar = 20% tinggi = 80% gaya = latar belakang- Warna: Antiquewhite> Menu kiri </td> <TD Lebar = 60% Tinggi = 80% Gaya = Latar Belakang-Koror> </td> Lebar TD = 20% Tinggi = 80% Gaya = Latar Belakang: CornFlowerBlue> Menu kanan < /td> </tr> <TD COLSPAN = 3 Width = 100% Height = Background-CROR: CR. imson> this Is the bottom </td> </tr> </table> </body> </html>
Efek Peta:
Di atas adalah semua isi artikel ini.