码迷,mamicode.com
首页 > Web开发 > 详细

html -- background

时间:2015-08-07 10:54:23      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

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;

html -- background

标签:

原文地址:http://www.cnblogs.com/sunznx/p/4710050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!