CSS背景

作者: Juha | 来源:发表于2020-05-10 22:08 被阅读0次

    背景颜色

    background-color

    属性值即为颜色值,默认值为transparent,即透明无颜色

    背景图片

    background-image
    可以是多个,第一个图片是图层首层,也可以叠加背景颜色

    背景图片

    背景是否平铺
    background-repeat


    平铺方式

    同步滚动
    background-attachment
    默认是scroll,即内容滚动背景不动,如果是local则是内容与背景同步滚动。fixed基本上不用,参照物是整个窗口,和这个容器无关系。


    背景与内容是否同步滚动

    背景的位置
    background-position

    背景位置 position在雪碧图中的应用

    画出一个线性渐变图片背景
    linear-gradient()


    线性渐变

    画出一个圆形渐变图片背景
    radial-gradient()

    画出圆形渐变图片背景

    重复画出的渐变
    repeating-*-gradient


    重复线性渐变
    重复圆形渐变

    背景位置的属性
    background-origin
    默认是padding-box
    即坐标中的(0,0)点是以哪个box的左上角为准。

    背景相对默认位置是padding-box 可以改为border-box或者content-box

    背景裁剪
    background-clip
    保留哪个box的内容


    背景裁剪

    背景大小
    background-size


    背景大小

    背景怎么写

    背景合起来写

    相关文章

      网友评论

        本文标题:CSS背景

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