外觀
# 英文
英 [əˈpɪərəns]
css appearance屬性 語法
作用:appearance 屬性可讓您讓元素看起來像是標準的使用者介面元素。
語法:appearance: normal|icon|window|button|menu|field
說明:normal 將元素呈現為常規元素。 icon 將元素呈現為圖示(小圖片)。 window 將元素呈現為視窗。 button 將元素呈現為按鈕。 menu 將元素呈現為一套供使用者選擇的選項。 field 將元素呈現為輸入欄位。
註解: 所有主流瀏覽器都不支援 appearance 屬性。 Firefox 支援替代的 -moz-appearance 屬性。 Safari 和 Chrome 支援替代的 -webkit-appearance 屬性。
css appearance屬性 範例
<!DOCTYPE html> <html> <head> <style> div { appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari and Chrome */ } </style> </head> <body> <p><b>注释:</b>Internet Explorer 和 Opera 不支持 appearance 属性。</p> <div>一些文本。</div> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例