網(wǎng)頁(yè)設計中的單邊外邊距屬性

  • 2018-11-23 17:16:04
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

幸運的是,在網(wǎng)頁(yè)設計中確實(shí)有一種辦法可以為元素單邊上的外邊距設置值。假設你只想把h2元素的左外邊距設置為3em。不必使用margin(這需要鍵入很多auto),而是可以采用以下方法:

h2{margin-left:3em;}

margin-left是專(zhuān)門(mén)用來(lái)設置元素框各邊外邊距的4個(gè)屬性之一。它們的名字一目了然。

margin-top、margin-right、margin-bottom、margin-left

值:<length> | <percentage> | auto | inherit

初始值:0

應用于:所有元素

繼承性:無(wú)

百分數:相對于包含塊的width

計算值: 對于百分數,根據指定確定,否則,為絕對長(cháng)度

網(wǎng)頁(yè)設計使用其中任何一個(gè)屬性將只設置該邊上的外邊距,而不會(huì )直接影響所有其他外邊距。一個(gè)規則中可以使用多個(gè)這種單邊屬性,例如:

h2{margin-left:3em;margin-bottom:2em;margin-right:0;margin-top:0;background:silver;}

在圖8-11中可以看到,已經(jīng)按你的意愿設置了外邊距。當然,對于這種情況,使用margin可能更容易一些:

h2{margin:0 0 2em 3em;}

不論使用上述單邊屬性還是使用margin,得到的結果都一樣。一般地,網(wǎng)站建設人員如果想為多個(gè)邊設置外邊距,使用margin會(huì )更容易一些。不過(guò),從文檔顯示的角度看,實(shí)際上使用哪種方法都不重要,所以應該選擇對網(wǎng)頁(yè)設計人員來(lái)說(shuō)更容易的一種方法。

當前文章標題:網(wǎng)頁(yè)設計中的單邊外邊距屬性

當前URL:http://amzcoolest.com/news/wzzz/unilateral-from.html

上一篇:網(wǎng)頁(yè)設計中的值復制

下一篇:網(wǎng)頁(yè)設計中的合并外邊距

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看