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>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例