html怎樣設置div一半背景顏色?
方法/步驟
1,新建一個html文件,命名為test.html,用于講解div+css如何實現左右分欄。
2,在test.html文件內,使用div標簽創建一個div模塊,并設置其class屬性為con,主要用于下面通過該class來設置css樣式。
3,在test.html文件內,再使用div標簽創建兩個div,分別設置其class屬性為a,b。
4,在test.html文件內,在css標簽內,使用“*”初始化頁面內所有元素的內外邊距都為0。
5,在test.html文件內,對類名為con的div進行樣式設置,定義其寬度為500px,高度為400px,居中對齊。同時,設置該div內的兩個div的寬度為50%,高度為100%。
6,在test.html文件內,對類名為a的div進行樣式設置,定義其背景顏色為紅色,浮動向左;對類名為b的div進行樣式設置,定義其背景顏色為黃色,浮動向右。
7,在瀏覽器打開test.html文件,查看實現的效果。
上一篇網站要上首頁