CSS2 是一種用于網(wǎng)站設(shè)計(jì)的樣式表語言，可以用來設(shè)計(jì)網(wǎng)頁元素的樣式，比如按鈕樣式。下面我們來看一些 CSS2 中常用的按鈕樣式代碼。

/* 默認(rèn)按鈕樣式 */
button {
background-color: #f9f9f9;
border: none;
padding: 10px 20px;
border-radius: 5px;
color: #333;
font-size: 16px;
cursor: pointer;
}
/* 鼠標(biāo)懸停時(shí)的按鈕樣式 */
button:hover {
background-color: #e0e0e0;
color: #fff;
}
/* 點(diǎn)擊時(shí)的按鈕樣式 */
button:active {
background-color: #333;
color: #fff;
}

以上是一個(gè)基本的按鈕樣式，包括了默認(rèn)樣式、鼠標(biāo)懸停時(shí)效果和點(diǎn)擊時(shí)效果。下面再來看看其他常用按鈕樣式。

/* 按鈕帶邊框樣式 */
button.border {
background-color: #f9f9f9;
border: 2px solid #333;
padding: 10px 20px;
border-radius: 5px;
color: #333;
font-size: 16px;
cursor: pointer;
}
/* 按鈕帶陰影樣式 */
button.shadow {
background-color: #f9f9f9;
border: none;
padding: 10px 20px;
border-radius: 5px;
color: #333;
font-size: 16px;
cursor: pointer;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
/* 按鈕變色樣式 */
button.colorful {
background-color: #f9f9f9;
border: none;
padding: 10px 20px;
border-radius: 5px;
color: #333;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
button.colorful:hover {
background-color: #333;
color: #fff;
}

以上是幾種常用的按鈕樣式，可以根據(jù)自己的需求進(jìn)行調(diào)整和組合。同時(shí)也可以根據(jù) CSS2 的語法，自己設(shè)計(jì)出更加獨(dú)特的按鈕樣式。