CSS进阶--背景相关属性

背景相关属性： 

        1）背景颜色（background-color）：

                背景颜色默认是透明。

        2）背景图片（background-image）：

                background-image: url('图片的路径');

        3）背景平铺（background-repeat）：

                

        4）背景位置（background-position）：

                background-position: 水平方向位置 垂直方向位置;

                

        5）背景相关属性连写（background）：

                background: color image repeat position;  （不分先后顺序）

    <style>
        div {
            width: 400px;
            height: 400px;
            background: pink no-repeat url(../CSS样式/images/T1r_x_BgLT1RXrhCrK.jpg) center;
        }
    </style>

7、(拓展)img标签和背景图片的区别：

>   需求:  需要在网页中展示一张图片的效果?

•  方法一:  直接写上img标签即可
  • img标签是一个标签，不设置宽高默认会以原尺寸显示
• 方法二: div标签＋背景图片
  • 需要设置div的宽高，因为背景图片只是装饰的CSS样式，不能撑开div标签