CSS改變按鈕的位置
CSS可以讓我們輕松改變按鈕的位置。我們可以使用position
屬性來設置按鈕的位置,并使用top
和left
屬性來調整它的水平和垂直位置。
button { position: absolute; top: 50px; left: 100px; }
上面的CSS代碼將把一個按鈕放置在頁面的(100px,50px)位置。
我們也可以使用margin
屬性來調整按鈕的位置,例如margin-left
和margin-top
:
button { margin-top: 20px; margin-left: 50px; }
上面的CSS代碼將把一個按鈕向下移動20像素,并向右移動50像素。
我們也可以使用transform
屬性來調整按鈕的位置,例如translateX()
和translateY()
:
button { transform: translateX(50px) translateY(20px); }
上面的CSS代碼將把一個按鈕向右移動50像素,并向下移動20像素。
上一篇css表格中輸入框居中
下一篇css表格下邊框為虛線