CSS中的button標簽是一種非常常用的標簽,它用于創建網頁中的按鈕。
<button>點擊我</button>
當我們使用這個標簽時,按鈕的樣式會自動應用,但是它的樣式會隨著瀏覽器而有所不同。為了讓網頁上的按鈕保持一致,我們可以使用CSS為它們定義樣式。
button { background-color: #007bff; color: #fff; font-size: 16px; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; }
這些樣式將會使按鈕有一個藍色的背景,白色的文字,16像素的字體大小,10像素的上下邊距和20像素的左右邊距,無邊框,圓角為5像素,并且當鼠標懸停在按鈕上時,指針會變為手型。
如果我們想為鼠標懸停在按鈕上時的狀態添加不同的樣式,可以使用:hover偽類。
button:hover { background-color: #0069d9; }
這會使按鈕的背景顏色變為更深的藍色。
總的來說,button標簽是非常有用的,它可以讓我們更輕松地為網頁添加可點擊的元素,并且可以通過CSS為它們定義各種各樣的樣式。
上一篇css calc慎用
下一篇css calc嵌套