CSS背景

作者: Shorebloom_59f6 | 来源:发表于2018-09-20 16:56 被阅读0次

    CSS 属性定义背景效果:

    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position

    1. 设置背景颜色

    <style>
    body
    {
        background-color:#b0c4de;
    }
    </style>
    

    2. 设置背景图片

    <style>
    body 
    {
        background-image:url("leaf.jpg");
            background-repeat:repeat-x;
    }
    </style>
    

    background-repeat:repeat-x;表示只在x方向平铺

    3. 设置背景位置

    .body
    {
        background-position: right top;
    }
    

    4. 简写属性

    <style>
        .simpleProperty
        {
            background: beige url('photo/pinkLeaf.jpg') no-repeat right top;}
        }
    </style>
    

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

    1. background-color
    2. background-image
    3. background-repeat
    4. background-attachment
    5. background-position

    CSS 背景属性

    Property 描述
    background 简写属性,作用是将背景属性设置在一个声明中。
    background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
    background-color 设置元素的背景颜色。
    background-image 把图像设置为背景。
    background-position 设置背景图像的起始位置。
    background-repeat 设置背景图像是否及如何重复。

    参考:菜鸟教程

    相关文章

      网友评论

          本文标题:CSS背景

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