在網站設計中，按鈕是一個非常重要的元素。通過合適的按鈕樣式，我們可以讓用戶更容易地理解網站的功能和操作方式。CSS樣式可以為我們提供各種各樣的按鈕樣式選擇。以下是一些常見的按鈕樣式：

.button {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
line-height: 1.5;
border-radius: 5px;
background: #3d3d3d;
color: #fff;
}
.button:hover {
background: #555;
}
.button-primary {
background: #007bff;
}
.button-primary:hover{
background: #0069d9;
}
.button-outline {
background: transparent;
border: 1px solid #3d3d3d;
color: #3d3d3d;
}
.button-outline:hover {
background: #3d3d3d;
color: #fff;
}
.button-link {
color: #3d3d3d;
text-decoration:none;
}
.button-link:hover {
color: #007bff;
}

上述樣式包含了常見的基本按鈕樣式、主要按鈕樣式、輪廓按鈕樣式、鏈接按鈕樣式等。其中，常見的基本按鈕樣式為具有圓角和背景色的按鈕，并在鼠標懸停時改變背景顏色。

主要按鈕樣式為特別強調重要功能的按鈕，一般使用鮮明的顏色和背景，同時在懸停時改變背景顏色以吸引用戶的注意力。輪廓按鈕樣式與基本按鈕類似，但沒有背景顏色，只有邊框和文字顏色。

鏈接按鈕樣式主要用于文字鏈接，不帶邊框和背景色，僅改變文字顏色。這樣做可以讓按鈕看起來更加簡潔、文本化。

通過這些常見的按鈕樣式，我們可以輕松設計出漂亮的按鈕，以提升網站的用戶體驗。