css3 appearance属性笔记

原创 PHP笔记  2017-09-19 18:02  阅读 763 views 次

在css中,appearance属性允许您使元素看上去像标准的用户界面元素。

appearance属性值

  • normal:正常呈现元素
  • icon:作为一个小图片的呈现元素
  • window:作为一个视口呈现元素
  • button:作为一个按钮,呈现元素
  • menu:作为一个用户选项设定呈现元素选择
  • field :作为一个输入字段呈现元素

语法格式:

appearance: normal / icon / window / button / menu / field;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css appearance属性笔记</title>
<style>
#a
{
appearance:button;
-moz-appearance:button; /* Firefox 浏览器*/
-webkit-appearance:button; /* Safari and Chrome浏览器 */
}
</style>
<head/>
<body>
<div id="a">appearance属性演示</div>
</body>
</html>

运行结果:

注意:Internet Explorer和Opera浏览器不支持appearance属性

动画简写属性——>css3 animation动画属性笔记

本文地址:https://www.ggbiji.com/css-appearance.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情