如何讓一個(gè)div居中

1、新建一個(gè)html文件，命名為test.html，用于講解CSS怎樣讓一個(gè)div居中。

2、在test.html文件中，使用div標(biāo)簽創(chuàng)建一個(gè)模塊，用于測試居中效果。

3、在test.html文件中，設(shè)置div的class屬性為test，下面將通過該class屬性設(shè)置其css樣式。

4、在test.html文件內(nèi)，編寫<styletype=text/css></style>標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)。

5、在css標(biāo)簽中，對(duì)div進(jìn)行樣式設(shè)置，使用width屬性設(shè)置div的寬度為400px，使用height屬性設(shè)置div的寬度為200px，使用background屬性設(shè)置div的背景顏色為灰色。

6、在css標(biāo)簽中，使用margin屬性對(duì)div的外邊距進(jìn)行設(shè)置，兩邊的外邊距設(shè)置為auto，便可實(shí)現(xiàn)div居中效果。

7、在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com