CSS背景

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 设置背景图像是否及如何重复。

参考：菜鸟教程

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 【CSS】背景基础知识
    添加背景图 用 background-image 属性，在元素的背景中添加图形。background-image属...
    德育处主任阅读 6,312评论 2赞 7
  • 章节(13) CSS背景和精灵图
    1.如何设置标签的背景颜色? 在CSS中有一个background-color:属性, 就是专门用来设置标签的背景...
    壹点微尘阅读 406评论 0赞 0
  • CSS背景和精灵图
    背景颜色：标签 #id .class { background-color:red; }取值类型：颜色单词、rg...
    幸运密码_xymm16888阅读 946评论 0赞 0
  • CSS背景颜色
    一、设置标签的背景颜色 如何设置标签的背景颜色？ 在CSS中有一个background-color 属性，就是专门...
    Adagou阅读 642评论 0赞 0
  • CSS背景
    背景颜色 background-color属性定义了元素的背景颜色CSS中，颜色值通常以以下方式定义:十六进制 -...
    convertible阅读 363评论 0赞 0

友情链接更多精彩内容