外觀
# 英文
英 [??p??r?ns]
css appearance屬性 語(yǔ)法
作用:appearance 屬性可讓您讓元素看起來(lái)像是標(biāo)準(zhǔn)的使用者介面元素。
語(yǔ)法:appearance: normal|icon|window|button|menu|field
說(shuō)明:normal ? ?將元素呈現(xiàn)為常規(guī)元素。? ? icon ? ?將元素呈現(xiàn)為圖示(小圖片)。? ? window ? ?將元素呈現(xiàn)為視窗。? ? button ? ?將元素呈現(xiàn)為按鈕。? ? menu ? ?將元素呈現(xiàn)為一套供使用者選擇的選項(xiàng)。? ? field ? ?將元素呈現(xiàn)為輸入欄位。??
註解:? 所有主流瀏覽器都不支援 appearance 屬性。 Firefox 支援替代的 -moz-appearance 屬性。 Safari 和 Chrome 支援替代的 -webkit-appearance 屬性。
css appearance屬性 範(fàn)例
<!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>
#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例