CSS:下拉選單美化
2013/01/01
萌芽站長
7,562 2
網站技術 , CSS
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
下拉選單永遠白白的?很不好看嗎?
趕快試試看這個美化語法吧~!!
特效示範:
★原碼索取。
一、CSS原碼(放在head裡)
<style>
#mnya-select {
font-size: 12px; /*文字大小*/
color: #0033CC; /*文字顏色*/
background-color: #00CCFF; /*選單背景顏色*/
}
</style>
二、html原碼(放在body裡)
<select name="select" id="mnya-select" >
<option>111</option>
<option>222</option>
<option>333</option>
</select>
贊助廣告 ‧ Sponsor advertisements
Node.js:處理多層目錄檔案(Gulp、mozjpeg 批次圖片壓縮 - 延伸篇)
📆 2019-03-30
📁
多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
CSS:不隨著捲軸移動的固定背景
📆 2013-12-20
📁
網站技術, CSS
Node-RED:製造亂數顯示到儀表板的小練習
📆 2021-10-12
📁
網站技術, 物聯網, Node.js, Node-RED
PHP:HTML 表單的 GET 與 POST 傳值
📆 2019-06-14
📁
網站技術, HTML, PHP
Prism:輕亮的程式語言標記 JS 插件、已用於數千個網站
📆 2019-01-28
📁
網站技術, HTML, CSS, JavaScript
Bracket Pair Colorizer(Visual Studio Code 擴充功能):匹配括弧顏色標記、括弧內線條強調
📆 2019-02-11
📁
軟體應用, 網站技術
【技巧】設計網站的'左上角'原則
📆 2013-01-01
📁
網站技術
【網站架設】Photo Sphere Viewer 全景照片展示
📆 2015-05-22
📁
網站技術, 架站程式
留言區 / Comments
萌芽論壇