在網頁設計中，按鈕是非常重要的一個組件。CSS提供了各種各樣的樣式來美化按鈕，其中藍色按鈕是非常常見也非常受歡迎的一種。下面我們來看一下如何使用CSS來創建一個漂亮的藍色按鈕。

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

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

通過上面的CSS代碼，我們可以創建出一個簡單的藍色按鈕。你還可以通過改變padding、font-size等屬性的值來調整按鈕的大小和字體大小，以滿足不同的頁面需求。