appearance属性怎么用?

2024-01-17 15:52 小编

  CSS3appearance属性

 

  作用: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属性。

 

  CSS3appearance属性的使用示例

 

  <!DOCTYPEhtml>

 

  <html>

 

  <head>

 

  <metacharset="utf-8">

 

  <title>PHP中文网(php.cn)</title>

 

  <style>

 

  .butto

 

  {

 

  padding:10px;

 

  appearance:button;

 

  -moz-appearance:button;/*Firefox*/

 

  -webkit-appearance:button;/*SafariandChrome*/

 

  </style>

 

  </head>

 

  <body>

 

  <divclass="butto">测试文本--butto</div>

 

  </body>

 

  </html>


image.png



Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码