CSS3之background-clip
2014-02-22 22:29
260 查看
1、属性简介
background-clip:padding|border|content|text|!important
2、兼容性
(1)IE6、7、8不兼容
(2)火狐3.0以上兼容
(3)Chrome 2.0.x兼容
3、属性实例
4、运行结果
background-clip:padding|border|content|text|!important
2、兼容性
(1)IE6、7、8不兼容
(2)火狐3.0以上兼容
(3)Chrome 2.0.x兼容
3、属性实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3之background-clip</title> <style type="text/css"> body{ background-color:#FCC; width:60%; height:200px; font-size:24px; font-weight:bolder; } div{ background:#C6F url(image.jpg); background-color:#9FF; width:100%; height:100%; -moz-background-clip:padding; -webkit-background-clip:padding; -moz-background-inline-policy: -moz-initial; /* -moz-background-clip:border; -webkit-background-clip:border; -moz-background-clip:!important; -webkit-background-clip:!important; -webkit-background-clip:content; -webkit-background-clip:text;*/ } </style> </head> <body> <div> CSS3之background-clip </div> </body> </html>
4、运行结果
相关文章推荐
- css3的background-clip来制作半透明边框
- css3,background-clip/background-origin的使用场景,通俗讲解
- css3的background-clip 背景
- css3新增背景属性background-clip/background-origin/background-size
- css3之background-clip
- CSS3 之background-clip 属性
- 【CSS3】background-origin和background-clip的区别
- 深入浅出CSS3 background-clip,background-origin和border-image教程
- CSS3教程:background-clip和background-origin
- CSS3 background-clip 属性和 box-sizing 属性
- CSS3 Background-clip
- CSS3中background-clip和background-origin的区别
- 深入浅出CSS3 background-clip,background-origin和border-image教程
- css3中的background的新特性background-origin,background-clip,background-size详解
- CSS3背景:background-origin、background-clip、 background-size、multiple backgrounds、制作导航菜单综合练习题
- 【CSS3】background-clip
- css3中background-clip和background-origin的区别
- CSS3 Background-clip
- css3属性中background-clip与background-origin的用法释疑
- 深入浅出CSS3:background-clip,ba…