首页 > Web开发 > 详细

CSS背景、列表、盒子模型

时间:2017-09-30 17:05:45      阅读:240      评论:0      收藏:0      [点我收藏+]

本章内容:

  • 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;

空格分割 不分顺序

 

CSS背景、列表、盒子模型

原文:http://www.cnblogs.com/learn-python-M/p/7615482.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!