CSS提交按鈕顏色漸變色

.btn{
background: linear-gradient(to bottom, #3d9ae8 0%, #2682d2 100%);
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}

在Web設計中，按鈕是非常重要的交互元素。一個好的按鈕可以吸引用戶的眼球，提高用戶體驗，而漸變色的按鈕更是充滿時尚感。

CSS中使用linear-gradient屬性可以實現漸變色的效果。linear-gradient的語法如下：

background: linear-gradient(direction, color-stop1, color-stop2, ...);

其中，direction是漸變的方向，可選值為to top、to right、to bottom、to left等；color-stop指定了漸變色的起始顏色和結束顏色以及顏色的分布程度。例如：

background: linear-gradient(to bottom, #3d9ae8 0%, #2682d2 100%);

這個樣式應用在按鈕上，可以實現從上到下的漸變，起始顏色為#3d9ae8，結束顏色為#2682d2，分布程度為0%到100%。

<button class="btn">提交</button>

上面的代碼是應用樣式后的按鈕，樣式中增加了一些常用的樣式，如無邊框，圓角，鼠標變為手型等。

總之，使用漸變色的提交按鈕可以使得頁面更加時尚、美觀，提高用戶體驗。開發者可以根據需求自己定義更加復雜的漸變效果。