如何讓一個div居中
1、新建一個html文件,命名為test.html,用於講解CSS怎樣讓一個div居中。
2、在test.html文件中,使用div標籤創建一個模塊,用於測試居中效果。
3、在test.html文件中,設置div的class屬性為test,下面將通過該class屬性設置其css樣式。
4、在test.html文件內,編寫<styletype=text/css></style>標籤,頁面的css樣式將寫在該標籤內。
5、在css標籤中,對div進行樣式設置,使用width屬性設置div的寬度為400px,使用height屬性設置div的寬度為200px,使用background屬性設置div的背景顏色為灰色。
6、在css標籤中,使用margin屬性對div的外邊距進行設置,兩邊的外邊距設置為auto,便可實現div居中效果。
7、在瀏覽器打開test.html文件,查看實現的效果。