按鈕只要上圓角怎么css寫

在CSS中，要創(chuàng)建一個上圓角（即只有上方有弧度的按鈕），可以使用border-top-left-radius和border-top-right-radius這兩個屬性來實現(xiàn)，這兩個屬性分別控制按鈕上方左右兩個角的弧度。

以下是一個示例CSS代碼，展示如何創(chuàng)建一個上圓角按鈕：

.upper-rounded-button {
  /* 定義按鈕的基本樣式 */
  display: inline-block;
  padding: 10px 20px;
  background-color: #4CAF50;
  color: #FFFFFF;
  text-align: center;
  border: none;
  cursor: pointer;
  
  /* 定義上圓角的弧度 */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  
  /可選定義其他邊框的樣式，這里我們讓其他邊框為直角 */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

在這個示例中，我們創(chuàng)建了一個名為.upper-rounded-button的CSS類，這個類定義了按鈕的基本樣式，包括顏色、文字樣式、大小等，我們使用border-top-left-radius和border-top-right-radius這兩個屬性將按鈕的上方兩個角設(shè)置為圓角，我們使用border-bottom-left-radius和border-bottom-right-radius將按鈕的下方兩個角設(shè)置為直角，以確保按鈕整體是一個上圓角的樣式。

你可以將這個CSS類應用到你想要的上圓角按鈕上，

<button class="upper-rounded-button">上圓角按鈕</button>

這樣，你就創(chuàng)建了一個只有上方有弧度的按鈕了。