css距右距離怎么設(shè)置?
方法/步驟
1,新建一個html文件,命名為test.html,用于講解css左右間距怎么設(shè)置。
2,在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建三個模塊,用于測試。
3,在test.html文件內(nèi),設(shè)置第二個div的class為test,用于下面設(shè)置樣式。
4,在css標(biāo)簽中,設(shè)置div的樣式,定義其寬度為100px,高度為100px,浮動向左,并設(shè)置其背景顏色為紅色。
5,在css標(biāo)簽中,通過class設(shè)置第二個div的樣式,使用margin-left設(shè)置div的左邊距為10px,使用margin-right設(shè)置div的右邊距為20px。
6,在瀏覽器打開test.html文件,查看實現(xiàn)的效果。
總結(jié):
1、使用div標(biāo)簽創(chuàng)建三個模塊,設(shè)置第二個div的id為test。
2、在css標(biāo)簽中,通過class設(shè)置第二個div的樣式,使用margin-left設(shè)置div的左邊距為10px,使用margin-right設(shè)置div的右邊距為20px。