CSS背景

2018-09-20  本文已影响0人  Shorebloom_59f6

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

参考:菜鸟教程

上一篇 下一篇

猜你喜欢

热点阅读