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; }
以上代碼中,我們首先定義了
最后,我們給
上一篇html vb代碼生成