本篇內(nèi)容介紹了“html中的margin屬性怎么使用”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了永順免費(fèi)建站歡迎大家使用!
margin是css用于在一個(gè)聲明中,對(duì)所有css margin屬性的簡寫,正因?yàn)閙argin來控制css中的塊級(jí)元素之間的距離,所以兩者是不是可見的。
一:css margin屬性怎么用
margin屬性包含了很多的屬性,如下所示:
margin left :是表示設(shè)置距左內(nèi)邊距;
margin top:是表示設(shè)置頭頂元素塊狀的距離;
margin right:是表示設(shè)置距右元素塊距離;
margin bottom :是表示設(shè)置底部塊狀距離
二:css margin屬性用法教程
1.margin left用法:
margin left:50px;語法后面緊跟著數(shù)字或者百分比,該語法表示距離左邊元素塊50像素點(diǎn),或者距離元素50%的距離。
為了觀察實(shí)例,我們使用兩個(gè)盒子:
margin-left實(shí)例 www.divcss5.com
我們可以改動(dòng)數(shù)值,可以觀察其中變化,但是效果都是元素左邊間距的位置大小。
2.margin right用法恰恰和margin left相反,定義為右邊元素距離多少像素。
3.margin top:50px,語法后面緊跟數(shù)字,就是表示上邊間距50個(gè)像素點(diǎn),也可以使用百分比來表示。
4.margin bottom用法和margin top用法類似,并且在方向是相反的。
“html中的margin屬性怎么使用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!