background:url( )的用法

使用简写属性时,属性值的顺序为:

  • background-color 背景颜色
  • background-image 背景图片 url( )
  • background-repeat 背景图片平铺
    • repeat 背景图像将向垂直和水平方向重复。这是默认
    • repeat-x 只有水平位置会重复背景图像
    • repeat-y 只有垂直位置会重复背景图像
    • no-repeat background-image不会重复
  • background-attachment 背景图片固定
    • scroll 背景图片随页面的其余部分滚动。这是默认
    • fixed 背景图像是固定的
  • background-position 背景图片定位
    • x% y% 第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是100%100%。如果仅指定了一个值,其他值将是50%,默认值为:0%0% |。
      这两个值也可以是left,rigth和center。
    • xpos ypos 第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是像素(0px0px)或任何其他。如果仅指定了一个值,其他值将是50%。你可以混合使用%和positions |
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,635评论 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,803评论 1 45
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,343评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,810评论 0 2
  • background应该是CSS里使用频率颇高的属性,简单实用。但参数偏多,本篇就介绍一下background的各...
    张歆琳阅读 4,350评论 4 26