CSS(三)背景、列表

本章内容:

  • CSS背景
  • CSS列表

一、CSS背景

A、背景颜色

background-color:颜色 | transparent(透明色)

B、背景图片

  • background-image:url | none

          注意:当同时设置了图片和背景颜色时,图片会覆盖颜色

  • background-repeat:repeat (重复/默认)| no-repeat(不重复) | repeat-x(s轴重复) | repeat-y(y轴重复)

          当一张图片没有容器大时,图片默认复制自己填充容器;

  • background-attachment: scroll(滚动/默认) | fixed(默认)
  • background-position: 百分比 | 值 | 四个方向

C、简写方式

  • background: a b c d;

          不分先后顺序, 值之间用空格分割

二、CSS的列表

A、列表标记样式

  • list-style-type:dics(实心圆点) | circle(空心圆点) | square(实心方块) | decimal(整数) | lower-roman(小写罗马) | upper-roman(大写罗马) | lower-alpha(小写英文) | upper-alpha(大写英文) | none(无标记)

B、自定义标记样式

  • list-style-image:URL | none

C、标记的位置设置

  • list-style-position:inside(不顶行) | outside(顶行)

D、简写方式

list-style: a b c d;

空格分割 不分顺序

 

posted @ 2017-09-30 16:33  鸽子灬  阅读(190)  评论(0编辑  收藏  举报