-
css3新增边框属性
a、css3新增属性border-color:设置边框的颜色
示例:{border-style:solid; border-color:#ff0000 #0000ff; }
b、border-image:设置边框图片
示例:{
-webkit-border-image:url(border.png) 30 30 round;
-o-border-image:url(border.png) 30 30 round;
border-image:url(border.png) 30 30 round;
}
c、border-radius:边框圆角
示例:{border:2px solid;border-radius:25px;}
d、box-shadow:阴影效果
示例:{box-shadow: 10px 10px 5px #888888;} -
css3新增背景属性
a、background-size:指定背景图片尺寸
示例:{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
b、background-origin:指定背景图片从哪里开始显示
示例:{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
c、background-clip:指定背景图片从什么位置开始裁剪
示例:{background-color:yellow;background-clip:content-box;} -
css3新增文字效果
a、text-shadow:文本阴影
示例:{text-shadow: 5px 5px 5px #FF0000;}
css3新增属性整理
最新推荐文章于 2022-03-26 17:03:47 发布