inherit
7、前缀
-webkit-(chrome和Safari)、-moz-(firefox)、-ms-(IE)、-o-(opera)
8、边框
圆角:border-radius: 5px 4px 3px 2px; /* 顺时针 */
阴影:box-shadow: X轴偏移量 Y轴偏移量
[阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
/* 默认外阴影*/外阴影 :box-shadow:4px 2px 6px #333333;
内阴影: box-shadow:4px 2px 6px #333333 inset;
多阴影: box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
边界图片:border-image: 图片路径 像素顺时针 延伸方式(repeat重复
round平铺 stretch 拉伸) border-image:url(border.png) 30 30 round; -webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */ -o-border-image:url(border.png) 30 30 round; /* Opera */
9、背景 background
大小: background-size: auto
关键词:10个常用的CSS3知识分享