background属性大全

background有很多属性:

background-color:背景颜色(单位可以是英文单词 十六进制 RGB() hsl()transparent)

background-image:url("");背景图片

background-position:(x,y)背景定位;xy可以设置像素(正负数都支持),可以设置方向和百分比;x方向上有left(0%) center(50%) right(100%);y方向上有top(0%)center(50%)bottom(100%);

background-repeat:背景图片平铺设置(repeat-x|repeat-y|no-repeat);

background-size:背景的尺寸(可以设置宽高|cover|contain);

background-clip:背景的绘制区域(content-box|padding-box|border-box);

background-attchment:背景图片是否随着页面的其余部分滚动(fixed|scroll);

background-origin:背景的定位区域(content-box|padding-box|border-box);

多背景图片,多个属性的设置用逗号隔开;

背景属性可以简写:background:background-color background-image background-position/background-size

background-repeat;顺序没有明确规定;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,859评论 0 11
  • 1. 定义和用法 background是一个简写属性,可以在一个声明中设置所有的背景属性,可设置的属性如下: 这些...
    lightNate阅读 9,888评论 2 9
  • background应该是CSS里使用频率颇高的属性,简单实用。但参数偏多,本篇就介绍一下background的各...
    张歆琳阅读 9,782评论 4 26
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,885评论 0 2
  • 去努力,去恋爱,去找自己最想找的男人!做你自己最想做的事!不要怕失败,不要怕艰苦,不拼不博,人生白活。 必须要比大...
    颜颜进化屋阅读 3,853评论 0 1

友情链接更多精彩内容