好看的按鈕是網(wǎng)頁設(shè)計(jì)中非常重要的元素之一。一個精美的按鈕可以吸引用戶的注意力，增加用戶的操作體驗(yàn)。下面就介紹幾種好看的按鈕純CSS樣式。

/* 1. 平面風(fēng)格按鈕 */
.btn-flat {
display: inline-block;
padding: 0.5em 1em;
border: 1px solid #999;
background-color: #fff;
color: #333;
text-align: center;
text-decoration: none;
font-size: 1.2em;
}
/* 2. 漸變風(fēng)格按鈕 */
.btn-gradient {
display: inline-block;
padding: 0.5em 1em;
border: none;
background: linear-gradient(to bottom right, #ff416c, #ff4b2b);
color: #fff;
text-align: center;
text-decoration: none;
font-size: 1.2em;
}
/* 3. 懸浮風(fēng)格按鈕 */
.btn-hover {
display: inline-block;
padding: 0.5em 1em;
border: 1px solid #999;
background-color: #fff;
color: #333;
text-align: center;
text-decoration: none;
font-size: 1.2em;
}
.btn-hover:hover {
background-color: #333;
color: #fff;
}
/* 4. 圓角風(fēng)格按鈕 */
.btn-rounded {
display: inline-block;
padding: 0.5em 1em;
border: none;
background-color: #333;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 1.2em;
border-radius: 20px;
}

以上就是幾種好看的按鈕純CSS樣式。我們可以根據(jù)實(shí)際需求來選擇適合自己網(wǎng)頁的按鈕樣式。希望這些樣式可以給大家?guī)硪恍椭?/p>