CSS中的按鈕樣式設計對于網頁的視覺效果至關重要。紅色普通按鈕是常見的一種按鈕樣式，它可以為網站增加活力和焦點。以下是一些關于紅色普通按鈕的CSS代碼和樣式設計。

/* 按鈕的基礎樣式 */
button {
display: inline-block;
padding: 16px 32px;
border-radius: 4px;
border: none;
font-size: 18px;
font-weight: 600;
}
/* 紅色按鈕樣式 */
.red-btn {
background-color: #ff5252;
color: #fff;
}

以上代碼中，我們定義了按鈕的基礎樣式，包括字體大小、字體粗細、邊框半徑等等。而紅色按鈕樣式則是通過設置背景色和字體顏色來實現的。

如果想要為紅色普通按鈕加上鼠標懸停和點擊效果，可以使用:hover和:active偽類：

/* 鼠標懸停效果 */
.red-btn:hover {
background-color: #f44336;
cursor: pointer;
}
/* 點擊效果 */
.red-btn:active {
background-color: #d32f2f;
}

在:hover和:active中，我們可以改變按鈕的背景色，實現鼠標懸停和點擊效果。同時，為了增加互動性，我們也將鼠標樣式設置為“手型”。

最后，我們來看一下如何將紅色普通按鈕應用到網頁中：

<button class="red-btn">立即購買</button>

通過添加red-btn類名，我們就可以將樣式應用到按鈕上了。

總的來說，通過CSS的樣式設計能夠為紅色普通按鈕增加不少視覺效果和互動性。這也表明了CSS在網頁設計中的重要性。