欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 添加button

黃文隆2年前12瀏覽0評論

CSS(層疊樣式表)是一種用于定義網頁樣式的語言,它可以讓網頁更加美觀和易于閱讀。其中,按鈕(button)是網頁中經常用到的元素之一,下面我們就來學習如何使用CSS添加按鈕。

/* 創建一個class樣式,用于定義按鈕樣式 */
.button {
display: inline-block;
padding: 0.5em 1em;
border: none;
background-color: #4CAF50;
color: white;
text-align: center;
font-size: 16px;
cursor: pointer;
}
/* 當鼠標懸停在按鈕上時,改變按鈕背景色 */
.button:hover {
background-color: #3e8e41;
}

上面的代碼創建了一個名為“button”的class樣式,它定義了按鈕的樣式屬性,例如padding(內邊距)、border(邊框)、background-color(背景顏色)等。其中,cursor屬性定義了鼠標移動到按鈕上后顯示的光標類型。

在HTML代碼中,我們可以像下面這樣使用剛剛定義好的class樣式:

<button class="button">Click Me!</button>

這樣,一個簡單的按鈕就完成了。當鼠標懸停在按鈕上時,背景顏色會自動改變為綠色。

當然,我們也可以根據需要對按鈕的樣式進行自定義,例如改變按鈕的形狀和大小、設置不同的背景和字體顏色等。如果你想學習更多關于CSS樣式的知識,可以查找相關的教程進行學習。