CSS Input 怎么寫按鈕

在CSS中，我們可以使用input元素來(lái)創(chuàng)建按鈕，通過(guò)一些簡(jiǎn)單的樣式設(shè)置，我們可以讓input元素呈現(xiàn)出按鈕的外觀。

我們需要?jiǎng)?chuàng)建一個(gè)input元素，并指定其類型為button。

<input type="button" value="點(diǎn)擊我">

我們可以使用CSS來(lái)設(shè)置input元素的樣式，我們可以設(shè)置按鈕的寬度、高度、背景顏色、文字顏色等，以下是一個(gè)簡(jiǎn)單的樣式示例：

input[type="button"] {
  width: 100px;
  height: 30px;
  background-color: #4CAF50; /* 綠色背景 */
  color: white; /* 白色文字 */
  border: none; /* 無(wú)邊框 */
  cursor: pointer; /* 鼠標(biāo)懸停時(shí)顯示手形圖標(biāo) */
}

在上面的樣式中，我們?cè)O(shè)置了按鈕的寬度為100像素，高度為30像素，背景顏色為綠色，文字顏色為白色，無(wú)邊桜，并且當(dāng)鼠標(biāo)懸停在按鈕上時(shí)，顯示手形圖標(biāo)。

這只是一個(gè)簡(jiǎn)單的樣式示例，你可以根據(jù)自己的需求來(lái)設(shè)置更多的樣式，你可以設(shè)置按鈕的圓角、陰影、透明度等，希望這個(gè)示例能夠幫助你開(kāi)始使用CSS來(lái)創(chuàng)建按鈕。