這篇文章給大家分享的是有關(guān)css標(biāo)簽與標(biāo)簽設(shè)置距離的方法的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)建站堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的港口網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!在css中,可以使用margin系列屬性來設(shè)置標(biāo)簽與標(biāo)簽間的距離。margin屬性用于設(shè)置元素的外邊距,是自身邊框到另一個容器邊框之間的距離(即容器外距離),是隔開標(biāo)簽元素與標(biāo)簽元素的間距。
在css中,可以使用margin系列屬性來設(shè)置標(biāo)簽與標(biāo)簽間的距離。
margin:在一個聲明中設(shè)置所有外邊距屬性
margin-bottom:設(shè)置元素的下外邊距
margin-left:設(shè)置元素的左外邊距
margin-right:設(shè)置元素的右外邊距
margin-top:設(shè)置元素的上外邊距
外邊距是指從自身邊框到另一個容器邊框之間的距離,即容器外距離,是隔開元素與元素的間距。
示例:
新建一個html文件,命名為test.html,用于講解css怎么調(diào)整兩個p標(biāo)簽之間的距離。
在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建一個模塊,并設(shè)置其class為tzpp,在div標(biāo)簽內(nèi),使用p標(biāo)簽創(chuàng)建兩行文字,用于測試。
在test.html文件內(nèi),編寫標(biāo)簽,頁面的css樣式將寫在該標(biāo)簽內(nèi)。
在css標(biāo)簽內(nèi),使用“*”初始化頁面中所有的html元素內(nèi)外邊距都為0,設(shè)置類名為tzpp的div元素寬度為200px;設(shè)置div下面的,邊框為1px灰色邊框,使用margin-top屬性設(shè)置兩個p標(biāo)簽之間的距離為20px。
這是第一行測試文本。
這是第二行測試文本。
在瀏覽器打開test.html文件,查看實現(xiàn)的效果。
感謝各位的閱讀!關(guān)于“css標(biāo)簽與標(biāo)簽設(shè)置距離的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!