css – background

css – background

背景使用蓝色, 前景使用黄色 (前景就是字体)

p {
    background-color: navy;
    color: yellow;
}

背景图片无法显示的时候或者图片中有透明的部分时, 颜色才会被看见

p {
    background-image: url(/home/USER/Pictures/a.png);
}

p {
    background-image: url(/home/USER/Pictures/beautiful/xxxx.jpg);
    color: red;
    background-color: green;
    background-repeat: no-repeat;      # 不要重复
    background-size: cover;            # 完全填满背景区
}

p {
    background-image: url(/home/USER/Pictures/xxxx.jpg);
    color: red;
    background-color: green;
    background-attachment: fixed;   # 固定在页面, 不随着页面的滚动而滚动
}

background-postition: 50px 50px;
background-postition: center;      # 只设定一个, 相当于设定了第二个为 center
background-position: 0 100px;