美文网首页
元素操作

元素操作

作者: 山野过客 | 来源:发表于2018-07-12 08:37 被阅读0次

    设置元素的背景:

    使用background-color属性设置元素背景颜色

    如果不设置背景颜色,元素默认背景颜色为透明

    使用background-image为元素指定背景和图片,要使用url参数指向外部图片的路径

    元素背景图片的重复方式可以用background-repeat来控制

    可选值:

    repeat:默认值,图片左右上下平铺

    no-repeat:只显示图片一次,不会平铺

    repeat-x:沿x轴水平平铺一张图片

    repeat-y:沿y轴水平平铺一张图片

    若想控制背景图的位置可以使用background-position

    背景图片是否随页面滚动:background-attachment

    可选值

    scroll:随页面滚动

    fixed:不随页面滚动

    雪碧图:

    将小图标合并在一起之后的图片称作雪碧图

    将雪碧图作为背景,然后使用background-image和background-position两个属性来控制需要显示的部分

    作业:

    相关文章

      网友评论

          本文标题:元素操作

          本文链接:https://www.haomeiwen.com/subject/mnhlpftx.html