appearance
外觀
英 [??p??r?ns]? ?美 [??p?r?ns]?
css appearance屬性 語法
作用:appearance 屬性允許您使元素看上去像標準的用戶界面元素。
語法:appearance: normal|icon|window|button|menu|field
說明:normal ? ?將元素呈現(xiàn)為常規(guī)元素。? ? icon ? ?將元素呈現(xiàn)為圖標(小圖片)。? ? window ? ?將元素呈現(xiàn)為視口。? ? button ? ?將元素呈現(xiàn)為按鈕。? ? menu ? ?將元素呈現(xiàn)為一套供用戶選擇的選項。? ? field ? ?將元素呈現(xiàn)為輸入字段。??
注釋:? 所有主流瀏覽器都不支持 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>
點擊 "運行實例" 按鈕查看在線實例