CSS怎麼把按鈕上移

CSS把按鈕上移的方法：先開啟對應的HTML檔；然後再往按鈕加上樣式為「.btn{margin-top: -10px;}」來往上移動即可。

本文操作環境：Windows7系統、HTML5&&CSS3版，DELL G3電腦

用margin-top的屬性設定按鈕的位置。

假設按鈕的class為btn，向上移動10像素。

css：

.btn{
margin-top: -10px;
}

margin：設定一個元素所有外邊距的寬度，或是設定各邊上外邊距的寬度。

區塊級元素的垂直相鄰外邊距會合併，而行內元素其實不佔上下外邊距。行內元素的左右外邊距不會合併。同樣地，浮動元素的外邊距也不會合併。允許指定負的外邊距值，不過使用時要小心。

允許使用負值。

擴充資料：

CSS 外邊距：

圍繞在元素邊框的空白區域是外邊邊距。設定外邊距會在元素外建立額外的「空白」。

設定外邊距的最簡單的方法就是使用 margin 屬性，這個屬性接受任何長度單位、百分數值甚至負值。

margin 屬性接受任何長度單位，可以是像素、英吋、毫米或 em。

margin 可以設定為 auto。更常見的做法是為外邊距設定長度值。

margin 的預設值是 0，所以如果沒有為 margin 宣告一個值，就不會出現外邊距。但是，在實際中，瀏覽器對許多元素已經提供了預定的樣式，外邊距也不例外。

因此，如果沒有為 p 元素宣告外邊距，瀏覽器可能會自行套用一個外邊距。當然，只要你特別作了聲明，就會覆蓋預設樣式。

可以使用下列任何一個屬性來只設定對應上的外邊距，而不會直接影響所有其他外邊距：

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

【推薦學習：css影片教學】

#

以上是CSS怎麼把按鈕上移的詳細內容。更多資訊請關注PHP中文網其他相關文章！