CSS是一種廣泛應用于網頁開發的語言,它可以用來控制網頁的外觀和布局等方面。在網頁中,按鈕是一種常見的元素,它通常用于觸發一些操作或提交一些數據。在設計按鈕時,我們通常需要給按鈕兩邊留一些邊距,使得按鈕看起來更加美觀和舒適。
.button { padding: 10px 20px; border: 1px solid #ccc; border-radius: 5px; background-color: #f5f5f5; color: #333; margin: 0 10px; }
在上面的代碼中,我們使用了一個名為.button的類來定義按鈕的樣式。padding屬性用來設置按鈕內部的邊距,即文字與按鈕邊框之間的距離。border屬性用來設置按鈕的邊框,border-radius屬性用來設置按鈕的圓角。background-color屬性用來設置按鈕的背景色,color屬性用來設置按鈕文字的顏色。最后,我們使用margin屬性來設置按鈕與其他元素之間的距離,其中第一個值是上下留白,第二個值是左右留白,因此我們將左右留白都設置為10px。
如果您需要在網頁中使用按鈕,并且希望給按鈕留一些邊距,請使用上面的代碼或類似的代碼來定義按鈕樣式。通過設置padding、border、border-radius、background-color、color和margin等屬性,您可以輕松地創建出漂亮且實用的按鈕。
上一篇css按鈕和圖片按鈕區別
下一篇mysql按小時循環一天