本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下
div布局: html+css实现简单布局。#Die Höhe der Kontainer kann nicht als Prozentsatz geschrieben werden und muss eine bestimmte Höhe sein.
<! #Container {Breite: 100%; ; Hintergrundfarbe: DarkGrey; /div> <div ID = Inhaltskörper> Inhalts Betreff </div> <div id = footer> boden </div> </body> </html>
Effektkarte:
Tischlayout:<! Höhe = 650px Style = Hintergrundfarbe: Aqua> <tr> <td colspan = 3 Breite = 100% Höhe = 10% Stil = Hintergrundfarbe: Chartreuse> "<td Breite = 20% Höhe = 80% Stil = Hintergrund- Farbe: Antiquewhite> Linkes Menü </td> <td Breite = 60% Höhe = 80% Style = Hintergrundkoror> </td> TD-Breite = 20% Höhe = 80% Style = Hintergrundfarbe: Maisflowerblue> rechtes Menü < /td> </tr> <TD COLSPAN = 3 Width = 100% Height = Background-CROR: CR. imson> this Is the bottom </td> </tr> </table> </body> </html>
Effektkarte:
Das oben genannte ist der Inhalt dieses Artikels.