在前端開發中，提交按鈕是非常重要的元素之一。它的樣式直接影響著用戶對網站的印象，所以我們要盡可能地讓它看起來好看又實用。

提交

上面的代碼是一個普通的提交按鈕，我們可以通過添加CSS樣式來美化它。下面我會給大家介紹一些常用的好看的提交按鈕樣式。

1. 扁平按鈕風格

.submit-btn {
background-color: #2ecc71;
border: none;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
cursor: pointer;
}

這種風格的提交按鈕使用了相對簡單的顏色搭配和明顯的圓角，顯得十分簡潔明了。

2. 漸變按鈕風格

.submit-btn {
background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
border: none;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
cursor: pointer;
}

這種風格的提交按鈕使用了漸變的背景色，加上圓角和明亮的字體顏色，給人感覺很時尚和充滿活力。

3. 凸起按鈕風格

.submit-btn {
background-color: #007bff;
border: none;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
cursor: pointer;
}

這種風格的提交按鈕使用了凸起的樣式，給人一種很有質感的感覺。并且使用了陰影效果，讓按鈕看起來更有層次感。

綜上所述，好看的提交按鈕樣式有很多，我們可以根據自己的需求來選擇合適的樣式，讓我們的網站看起來更加優雅和美觀。