1、新建一個(gè)html文件，命名為test.html，用于講解CSS怎樣讓一個(gè)p居中 。
2、在test.html文件中 ， 使用p標(biāo)簽創(chuàng)建一個(gè)模塊，用于測(cè)試居中效果 。
3、在test.html文件中，設(shè)置p的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ì)p進(jìn)行樣式設(shè)置，使用width屬性設(shè)置p的寬度為400px ， 使用height屬性設(shè)置p的寬度為200px，使用background屬性設(shè)置p的背景顏色為灰色 。
6、在css標(biāo)簽中，使用margin屬性對(duì)p的外邊距進(jìn)行設(shè)置 ， 兩邊的外邊距設(shè)置為auto，便可實(shí)現(xiàn)p居中效果 。
【如何讓一個(gè)div居中 CSS怎樣讓一個(gè)div居中】7、在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果 。
推薦閱讀
- 如何更改日期格式 怎樣更改Excel中的日期格式
- 誰知道扇貝肉如何炒才美味不腥
- 表格如何設(shè)置打印區(qū)域 表格怎樣設(shè)置打印區(qū)域
- 如何關(guān)閉微信相冊(cè)一欄 如何關(guān)閉微信相冊(cè)
- 汽車換漆面怎么處理 如何解決換漆面
- qq如何離線 怎么設(shè)置qq離線
- 什么叫征地補(bǔ)償 征地是如何補(bǔ)償
- 蘋果手機(jī)如何退出id 怎么退出蘋果手機(jī)id
- 微信不能支付怎么解除限制呢 如何解決微信不能支付
- 手機(jī)恢復(fù)出廠設(shè)置步驟 如何恢復(fù)手機(jī)出廠設(shè)置