在前端開發(fā)中，我們經常需要制作表單并添加提交按鈕。而這些按鈕的樣式也是需要我們精心設計的，讓頁面顯得更加美觀。下面是一個提交按鈕CSS代碼的例子。 首先，我們需要為按鈕添加一個class名稱，例如：btn-submit。然后，我們可以為這個按鈕添加一些基本樣式：

.btn-submit {
padding: 10px 20px;
background-color: #3366FF;
border: none;
border-radius: 5px;
color: #FFF;
font-size: 16px;
cursor: pointer;
}

在這里，我們設置了按鈕的padding，背景顏色，邊框樣式，圓角半徑，字體顏色和大小等。同時，我們也使用了指針樣式，讓鼠標懸浮在按鈕上時出現(xiàn)手型指示。 如果我們想要在鼠標懸浮在按鈕上時，添加一些動態(tài)效果，可以再添加一些hover樣式：

.btn-submit:hover {
background-color: #0033CC;
transition: background-color 0.3s;
}

在這里，我們設置了懸浮時的背景顏色，并添加了過渡動畫效果。這樣，在鼠標懸浮在按鈕上時，背景顏色會從原來的顏色漸變到目標顏色，形成流暢的動態(tài)效果。 而如果我們想使按鈕在被點擊后，再進行一些額外的操作，可以為按鈕添加一些active樣式：

.btn-submit:active {
background-color: #002EB8;
box-shadow: 0 1px 2px #999;
transform: translateY(1px);
transition: background-color 0.3s;
}

在這里，我們?yōu)榘粹o添加了一個盒陰影和一個向下移動1像素的動作，同時也修改了背景顏色。這樣，當按鈕被點擊時，會有更加立體和醒目的效果。 總之，我們可以根據自身需要和喜好，來不斷地優(yōu)化提交按鈕的CSS樣式，讓它更加美觀和可操作，為我們的網站和應用增添無限魅力。