古詩詞大全網 - 成語查詢 - div+css布局如何插入視頻

div+css布局如何插入視頻

div+css布局如何插入視頻的方法。

如下參考:

1.創建壹個新的HTML文件test.html來解釋div+CSS布局的基本過程。

2.在test.html文件中,設置正文的樣式,將margin設置為0,padding設置為0,將text對齊到文本的中心。

3.在test.html文件中,為了便於解釋,將所有div的高度設置為200px,內容的顏色設置為紅色。

4.在test.html文件中,使用div創建頁面的標題,使用margin:0auto設置divcenter,將其寬度設置為800px,背景顏色設置為灰色。

5.在test.html文件中,使用div創建頁面的中間部分,使用margin:0auto設置divcenter,並將其寬度設置為800px。

6.在test.html文件中,在頁面的中間創建兩個div,將中間分成兩個部分,每個部分的寬度為50%。左邊部分使用float:left來設置左邊的float,右邊部分使用float:right來設置右邊的float。

7.在test.html文件中,使用div創建頁面的底部。使用clear:兩者都清除上面div的浮動,以避免影響底部的布局。同時,使用margin:0auto來設置divcenter,寬度為800px,背景顏色為#000fff。

8.在瀏覽器中打開test.html文件,布局插入視頻的問題就解決了。