appearance

外觀

英 [??p??r?ns]   美 [??p?r?ns] 

css appearance屬性 語(yǔ)法

作用:appearance 屬性允許您使元素看上去像標(biāo)準(zhǔn)的用戶界面元素。

語(yǔ)法:appearance: normal|icon|window|button|menu|field

說明:normal    將元素呈現(xiàn)為常規(guī)元素。    icon    將元素呈現(xiàn)為圖標(biāo)(小圖片)。    window    將元素呈現(xiàn)為視口。    button    將元素呈現(xiàn)為按鈕。    menu    將元素呈現(xiàn)為一套供用戶選擇的選項(xiàng)。    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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

熱門推薦