如何讓一個div居中 CSS怎樣讓一個div居中

1、新建一個html檔案，命名為，用於講解CSS怎樣讓一個div居中。

2、在檔案中，使用div標籤建立一個模組，用於測試居中效果。

3、在檔案中，設定div的class屬性為test，下面將通過該class屬性設定其css樣式。

4、在檔案內，編寫<styletype=text/css></style>標籤，頁面的css樣式將寫在該標籤內。

5、在css標籤中，對div進行樣式設定，使用width屬性設定div的寬度為400px，使用height屬性設定div的寬度為200px，使用background屬性設定div的背景顏色為灰色。

6、在css標籤中，使用margin屬性對div的外邊距進行設定，兩邊的外邊距設定為auto，便可實現div居中效果。

7、在瀏覽器開啟檔案，檢視實現的效果。