在網(wǎng)頁設(shè)計(jì)中，按鈕是非常重要的一個(gè)組件。CSS提供了各種各樣的樣式來美化按鈕，其中藍(lán)色按鈕是非常常見也非常受歡迎的一種。下面我們來看一下如何使用CSS來創(chuàng)建一個(gè)漂亮的藍(lán)色按鈕。

/* 按鈕的容器 */
.button {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
text-align: center;
color: #fff; /* 文字顏色為白色 */
background-color: #007bff; /* 背景顏色為藍(lán)色 */
border: none;
border-radius: 5px;
cursor: pointer;
}
/* 鼠標(biāo)懸浮樣式 */
.button:hover {
opacity: 0.8;
}

上述代碼中，我們首先創(chuàng)建了一個(gè)名為“button”的類，這個(gè)類定義了按鈕的基本樣式，包括背景顏色、文本顏色、圓角邊框等。在鼠標(biāo)懸浮時(shí)，通過設(shè)置opacity為0.8來添加懸浮效果。

通過上面的CSS代碼，我們可以創(chuàng)建出一個(gè)簡(jiǎn)單的藍(lán)色按鈕。你還可以通過改變padding、font-size等屬性的值來調(diào)整按鈕的大小和字體大小，以滿足不同的頁面需求。