這篇文章給大家分享的是有關(guān)css中如何把表格往下移的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)公司專注于淄博網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供淄博營銷型網(wǎng)站建設(shè),淄博網(wǎng)站制作、淄博網(wǎng)頁設(shè)計、淄博網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù),打造淄博網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供淄博網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
在css中,可以利用“margin-top”屬性把表格往下移,該屬性用于設(shè)置元素的上外邊距,只需要給表格元素添加“margin-top:向下移動距離值;”樣式,即可增加表格的上外邊距,進(jìn)而使表格元素向下移動。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中,可以使用margin-top屬性讓表格向下移動指定的距離。下面舉例講解css如何讓表格向下移動。
示例如下:
1、新建一個html文件,命名為test.html,用于講解css如何讓表格向下移動。創(chuàng)建一個表格,用于測試。設(shè)置table標(biāo)簽的class屬性為lthree。通過class定義表格的樣式 ,定義它的寬度為280px。
2、在css標(biāo)簽內(nèi),使用margin-top屬性讓表格向下移動120px。
在瀏覽器打開test.html文件,查看實(shí)現(xiàn)的效果。
總結(jié):
1、創(chuàng)建一個表格,設(shè)置table標(biāo)簽的class屬性為lthree。
2、在css標(biāo)簽內(nèi),通過class定義表格的樣式 ,定義它的寬度為280px。
3、在css標(biāo)簽內(nèi),使用margin-top屬性讓表格向下移動120px。
感謝各位的閱讀!關(guān)于“css中如何把表格往下移”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!