摘要:arging。通過本文的介紹和示例,讀者可以輕松掌握如何設置盒子距離。
argin屬性arginargin屬性可以設置上下左右四個方向的外邊距,也可以使用簡寫形式。
.box {argin-top: 10px;argin-right: 20px;argin: 30px;argin-left: 40px;
或者使用簡寫形式:
.box {argin: 10px 20px 30px 40px;
上面的代碼將會使.box的上邊距為10像素,右邊距為20像素,下邊距為30像素,左邊距為40像素。
g屬性gg屬性也可以設置上下左右四個方向的內邊距,也可以使用簡寫形式。
.box {g-top: 10px;g-right: 20px;g: 30px;g-left: 40px;
或者使用簡寫形式:
.box {g: 10px 20px 30px 40px;
上面的代碼將會使.box的上內邊距為10像素,右內邊距為20像素,下內邊距為30像素,左內邊距為40像素。
arging的負值arging屬性還可以設置負值。設置負值會使盒子縮小,從而使盒子內容和邊框之間的距離變小。
.box {argin-top: -10px;argin-left: -20px;g-top: -30px;g-right: -40px;
上面的代碼將會使.box的上邊距和左邊距變為負值,從而使盒子縮小。同時,上內邊距和右內邊距也變為負值,從而使盒子內容和邊框之間的距離變小。
arging屬性可以讓頁面更加美觀和易于閱讀。