CSS按鈕的代碼怎么寫

CSS是一種用于描述網(wǎng)頁外觀和格式化的標(biāo)記語言，可以用來創(chuàng)建各種樣式的按鈕，下面是一些基本的CSS按鈕代碼示例：

1、創(chuàng)建一個(gè)簡(jiǎn)單的按鈕：

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

2、創(chuàng)建一個(gè)帶有邊框的按鈕：

.button {
  background-color: #4CAF50; /* Green */
  border: 2px solid #f1f1f1; /* Gray */
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

3、創(chuàng)建一個(gè)帶有圖標(biāo)的按鈕：

.button {
  background-color: #4CAF50; /* Green */
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button i {
  margin-right: 10px; /* Space between the text and icon */
}

在上面的示例中，我們使用了CSS的.button類來創(chuàng)建按鈕，并添加了不同的樣式和屬性，如背景顏色、邊框、顏色、內(nèi)邊距、文本對(duì)齊方式、文本裝飾、顯示方式、字體大小、邊距和光標(biāo)類型，我們還可以添加圖標(biāo)到按鈕中，使用CSS的i元素來實(shí)現(xiàn)，希望這些示例能幫助你創(chuàng)建出漂亮的CSS按鈕。