div+css編寫出實現如圖所示頁面效果的關鍵html代碼。
其中,A、B、C、D、E均爲默認字號和默認字體,並且加粗顯示,它們都位於各自單元格的正中間,A單元格的高度爲200像素,B單元格的高度爲100像素,C單元格的寬度爲100像素,高度爲200像素。
<HTML>
<head>
</head>
<body>
<div style="width:300px; height:300px;">
<div align="center" style="background-color:yellow;width:100px;height:200px; float: left; ">
<b>A</b></div>
<div align="center" style="background-color:red; width:200px;height:100px;float:left;"><b>B<b></div>
<div align="center" style="background-color:blue;width:100px;height:100px; float:left"><b>E</b></div>
<div align="center" style="background-color:pink;width:100px;height:200px;float:right;"><b>C</b></div>
<div align="center" style="background-color:red;width:200px;height:100px;float:left;"><b>D</b></div>
</div>
</body>
</html>
關鍵點:
css樣式的float屬性