css背景图片 一篇文章带你了解CSS3 背景知识( 二 )


边框:10px纯黑;
填充:35px
背景:网址;
背景-重复:不重复;
背景-原点:边框;
}
#范例3 {
边框:10px纯黑;
填充:35px
背景:网址;
背景-重复:不重复;
背景-来源:内容盒;
}

css背景图片 一篇文章带你了解CSS3 背景知识


文章图片

完整代码:
编程词典
#范例1 {
边框:10px纯黑;
填充:35px
背景:网址;
背景-重复:不重复;
}
#范例2 {
边框:10px纯黑;
填充:35px
背景:网址;
背景-重复:不重复;
背景-原点:边框;
}
#范例3 {
边框:10px纯黑;
填充:35px
背景:网址;
背景-重复:不重复;
背景-来源:内容盒;
}
没有背景来源:
测试用的胡乱文字
这是一个很好的例子,也是一个很好的例子。
这是一个很小的挑战,因为这是一个很大的挑战。
背景-原点:边框-框:
测试用的胡乱文字
这是一个很好的例子,也是一个很好的例子。
这是一个很小的挑战,因为这是一个很大的挑战。
背景-来源:内容框:
测试用的胡乱文字
这是一个很好的例子,也是一个很好的例子。
这是一个很小的挑战,因为这是一个很大的挑战。
2.背景剪辑属性
CSS3背景剪辑属性指定背景的绘图区域。
该属性有三个不同的值:
边框-框-背景是绘制的边框的外边缘。填充框-背景显示在填充框的外边缘。内容框-背景绘制在内容框中
下面的示例演示了背景剪辑属性:
#范例1 {
边框:10px点黑色;
填充:35px
背景:黄色;
背景剪辑:内容框;
}

css背景图片 一篇文章带你了解CSS3 背景知识


文章图片

四.摘要
主要介绍了CSS的背景,通过CSS实现多背景显示,自定义一些大小显示格式,应用背景-原点等属性,丰富的案例帮助你更好的理解。
希望你能自己试试。当你意识到的时候,总会有各种各样的问题。你永远不应该不如别人,你可以更深刻地理解它。
想学习更多Python网络爬虫与数据挖掘知识,可前往专业网站:http://pdcfighting.com/

推荐阅读