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

css3 下拉表

江奕云2年前8瀏覽0評論

CSS3中的下拉表是頁面設計中非常實用的一種元素。通過設置下拉表的樣式,可以讓頁面更加美觀、簡潔。下面我們來看一下如何使用CSS3來制作一個下拉表。

/* 定義下拉表的樣式 */
select {
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: none;
background: #f2f2f2;
}
/* 定義下拉列表項的樣式 */
select option {
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: none;
background: #f2f2f2;
color: #333;
}
/* 定義下拉表的hover樣式 */
select:hover {
background-color: #e6e6e6;
}
/* 定義下拉列表項的hover樣式 */
select option:hover {
background-color: #ccc;
color: white;
}

以上代碼中,我們首先定義了的樣式。

最后,我們給設置了hover樣式,分別是鼠標懸停在下拉表和下拉列表項時的樣式效果。這樣,我們就可以使用CSS3很容易地制作出一個漂亮的下拉表了。