當前位置:成語大全網 - 古籍善本 - CSS DIV怎麽做這樣的排版?

CSS DIV怎麽做這樣的排版?

1.選擇DIVb2並單擊右側CSS選項卡下的+號來添加CSS樣式定義。

2.在新建CSS規則面板下選擇#b2 (ID對應於DIV b2)並確認。

3.選擇CSS規則定義面板左側分類下的框,並在右側輸入相應的值。定義了b2的DIV。

4.在下面定義DIV001,同樣選擇DIV001,點擊+創建壹個新的CSS。

5.選擇CSS規則定義下的“背景”,選擇好顏色。

6.選擇“框”來定義DIV001的寬度和高度,浮動浮動就剩了。

7.像DIV001壹樣,創建壹個新的DIV002樣式。

8.選擇背景顏色

9.選中框後,填入DIV002的樣式屬性值。註意,因為它向右浮動,所以這裏的浮動應該選擇為right。

10.像DIV001壹樣,創建並設置DIV003的參數。

11.定義DIV004的風格。因為DIV004和上面的DIV-B2寬度壹樣,所以設置為width:400px,Clear都是為了防止壹些瀏覽器兼容性問題的轉移。

12.設置完成後,檢查左邊的效果。