CSS样式-背景

作者: baiying | 来源:发表于2016-12-12 22:10 被阅读40次

背景颜色:

用background-color设置元素背景色

  • 例:p {background-color:gray}
    注:background-color的默认值为transparent,即默认背景是透明的

背景图像:

用background-image设置元素背景图像,且必须设置图像URL

  • 例:body {background-image: url(/i/eg_bg_04.gif);}
    注:background-image的默认值为none,即没有任何背景图像

背景重复:

background-repeat

  • repeat:水平竖直方向都重复
  • no-repeat:不重复
  • repeat-x:水平方向重复
  • repeat-y:竖直方向重复

背景定位:

background-position

  • 关键字:center,top,bottom,right,left
  • 百分数值
  • 长度值

背景关联:

background-attachment
如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失,为了解决上述问题,可以设置背景关联

  • scroll(默认值):背景随文档滚动
  • fixed:背景的可视区是固定的,不会随页面的滚动发生改变

相关文章

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • DAY04

    1、CSS样式 1.1、CSS背景样式 1.2、背景的简写 1.3、背景吸附 1.4、背景大小 2、文本样式 2....

  • Day04

    今天学到了什么CSS 样式 CSS 样式 1 命名规范 2 背景 2.1背景重复backg round-repea...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • 从零开始学CSS - 样式

    样式 CSS 背景属性 CSS 文本属性 CSS 字体属性 链接 常见的链接样式,text-decorat...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

  • CSS背景样式

    背景图像样式background-image 图像地址可以是相对地址,也可以是绝对地址;给某个元素设置背景图像,元...

  • CSS样式-背景

    背景颜色: 用background-color设置元素背景色 例:p {background-color:gray...

  • css背景样式

    background-position:背景颜色:background-colorbackground-color...

  • CSS 背景样式

    我们平时看到的网页中会有各式各样的背景样式,例如有用颜色作为背景的,也有图片作为背景的。添加背景样式能够让网页更好...

网友评论

    本文标题:CSS样式-背景

    本文链接:https://www.haomeiwen.com/subject/xfhvmttx.html