CSS3 appearance属性怎么用？(一幅长文细学CSS3)
生活随笔
收集整理的這篇文章主要介紹了
CSS3 appearance属性怎么用？(一幅长文细学CSS3)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS3 appearance屬性用于修改元素的默認的樣式，改變元素的外觀。
CSS3 appearance屬性
作用：appearance 屬性允許您使元素看上去像標準的用戶界面元素。
語法：
appearance: normal|icon|window|button|menu|field;
登錄后復制
屬性值：
● normal：正常呈現元素
● icon：作為一個小圖片來呈現元素。
● window：作為一個視口來呈現元素。
● button：作為一個按鈕來呈現元素。
● menu：作為一個用戶選項設定來呈現元素選擇。
● field：作為一個輸入字段來呈現元素。
說明：IE和Opera不支持appearance屬性；Firefox需要添加-moz-前綴，支持 -moz-appearance屬性；Safari 和 Chrome需要添加前綴-webkit-，支持 -webkit-appearance屬性。
CSS3 appearance屬性的使用示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(php.cn)</title>
<style>
.butto
{
padding:10px;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
</style>
</head>
<body>
<div class="butto">測試文本--butto</div>
</body>
</html>
登錄后復制
效果圖：
說明：由于 appearance屬性還沒有成為標準，在渲染時，仍然是各瀏覽器各自為政，還無法達到統一的標準。因此，在不同瀏覽器中會得到不同的渲染效果。
以上就是本篇文章的全部內容，希望能對大家的學習有所幫助。
以上就是CSS3 appearance屬性怎么用？的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的CSS3 appearance属性怎么用？(一幅长文细学CSS3)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python中none表示什么(Pyth
- 下一篇： hd1080p是什么意思呢