今天小編就為大家?guī)硪黄狢SS3 appearance屬性使用的文章。小編覺得挺不錯的,為此分享給大家做個參考。一起跟隨小編過來看看吧
創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設(shè)服務(wù),提供成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計,自適應(yīng)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計師打造企業(yè)風格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務(wù)。歡迎咨詢做網(wǎng)站需要多少錢:13518219792
CSS3 appearance屬性用于修改元素的默認的樣式,改變元素的外觀。

CSS3 appearance屬性
作用:appearance 屬性允許您使元素看上去像標準的用戶界面元素。
語法:
appearance: normal|icon|window|button|menu|field;
屬性值:
● normal:正常呈現(xiàn)元素
● icon:作為一個小圖片來呈現(xiàn)元素。
● window:作為一個視口來呈現(xiàn)元素。
● button:作為一個按鈕來呈現(xiàn)元素。
● menu:作為一個用戶選項設(shè)定來呈現(xiàn)元素選擇。
● field:作為一個輸入字段來呈現(xiàn)元素。
說明:IE和Opera不支持appearance屬性;Firefox需要添加-moz-前綴,支持 -moz-appearance屬性;Safari 和 Chrome需要添加前綴-webkit-,支持 -webkit-appearance屬性。
CSS3 appearance屬性的使用示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>創(chuàng)新互聯(lián)(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屬性還沒有成為標準,在渲染時,仍然是各瀏覽器各自為政,還無法達到統(tǒng)一的標準。因此,在不同瀏覽器中會得到不同的渲染效果。
看完上訴內(nèi)容,你們掌握CSS3 appearance屬性的使用方法了嗎?如果想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
本文題目:CSS3appearance屬性使用示例
鏈接地址:http://chinadenli.net/article20/goihco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、品牌網(wǎng)站制作、靜態(tài)網(wǎng)站、ChatGPT、App開發(fā)、用戶體驗
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)