1.新建一個(gè)html文件,命名為test.html,用于講解css如何讓div中的圖片居右對(duì)齊。
2.在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建一個(gè)模塊,在div內(nèi),使用img標(biāo)簽創(chuàng)建一張圖片。
3.在test.html文件內(nèi),設(shè)置div標(biāo)簽的class屬性為mycss。
4.在css標(biāo)簽內(nèi),通過class設(shè)置div的樣式,定義它的寬度為400px,高度為300px,邊框?yàn)?px。
5.在css標(biāo)簽內(nèi),再將text-align屬性設(shè)置為right,用于讓div內(nèi)的內(nèi)容居右對(duì)齊,從而實(shí)現(xiàn)圖片居右對(duì)齊。
6.在瀏覽器打開test.html文件,查看實(shí)現(xiàn)的效果。