CSS之margin樣式屬性

相對於同級的標籤設定偏移量

<

!doctype html>
"utf-8"
>
<
/title>
span
.in<
/style>
<
/head>
"border: 1px solid red; height: 300px;width: 300px;margin-bottom: 20px;"
>
="in" style=
"background-color: black;"
>
<
/div>
="in" style=
"background-color: yellow;margin-left: 20px;"
>
<
/div>
="in" style=
"background-color: green;"
>
<
/div>
<
/div>
margin樣式屬性<
/span>
"margin-left: 20px; margin-right: 30px;margin-top: 20px;magin-bottom: 20px;"
>margin樣式屬性<
/span>
margin樣式屬性<
/span>
"border: 1px solid red; height: 300px;width: 300px;margin-top: 20px;margin-bottom: 20px;"
>
="in" style=
"background-color: black;"
>
<
/div>
="in" style=
"background-color: yellow;margin-left: 20px;"
>
<
/div>
="in" style=
"background-color: green;"
>
<
/div>
<
/div>
"border: 1px solid red; height: 300px;width: 300px;"
>
="in" style=
"background-color: black;"
>
<
/div>
="in" style=
"background-color: yellow;margin-left: 20px;"
>
<
/div>
="in" style=
"background-color: green;"
>
<
/div>
<
/div>
<
/body>
<
/html>結果
對於塊級元素和行內元素都可以設定他們的外邊距。但是要注意他們相對的標籤。

網頁CSS樣式 詳述margin樣式屬性

用於在乙個宣告中設定所有外邊距的寬度，或者設定各邊上外邊距的寬度。該屬性有多個值。瀏覽器計算外邊距 css中auto一般是自動適應的意思，auto在水平方向上的作用是始終居中，但在垂直方向上不起作用，相當於0值 瀏規定以具體單位計的外邊距值，比如畫素 厘公尺等。預設值是0px。注 允許使用負值，不過...

CSS屬性之文字樣式

css屬性之文字樣式 1 字母轉化 text transform uppercase 將小寫字母轉化為大寫字母 text transform none 變回原樣 text transform lowercase 將大寫字母轉化為小寫字母 text transform capitalize 將英文的首...

CSS中margin屬性詳解

margin屬性概述 margin是css層疊樣式表中用來規定圍繞在元素邊框周圍空白區域範圍的屬性.該接受任何長度單位，可以是畫素 英吋 公釐或 em。相關屬性margin 可以單獨改變元素的上，下，左，右邊距。也可以一次改變所有的屬性。屬性 描述 margin 簡寫屬性。在乙個宣告中設定所有外邊距...