CSS的background(背景)常用属性

  body代码冲突发生错误,如果需要验证先将其他的注释掉 

body{
    background-color: cornflowerblue;
}
    /*设置背景颜色*/

p{
    width: 250px;
    padding: 15px;   
    background-color:blueviolet;
}

body{
    background-image:url("1.jpg"); 
    /*这是对整个背景加上图片,也可以对某一标签加上图片,也可设置宽和高  */
    background-repeat: repeat;
    /*repeat是设置背景图片是否可以重复 repeat允许 no-repeat不允许 repeat-x允许X轴*/ 
    background-position: center top;
    /*位置属性,需要控制两个变量,一个是图片的位置,第二个是从图片的哪里开始显示,如果只写一个那就两个默认相同
    同时,也可以添加具体新的像素位置如,0px 6px。再加上用百分比也可以设置*/
    background-size: 100px 100px;
    /*设置图片的长和宽*/
}

body{
    background-image:url("1.jpg");1
    background-repeat: no-repeat;
    background-attachment:fixed;
    /*控制图片是否随着内容向下滚动,如果设置新闻的图片一般不允许,如果是小说的聊天背景设置成滚动的效果*/
}

猜你喜欢

转载自blog.csdn.net/qq_42036616/article/details/81623540