前端基础 - CSS背景和列表

背景样式

• 设置元素的背景颜色
• 设置元素的背景图片

1、背景颜色

• background-color：颜色|transparent|rgba(0,0,0,0)
• 背景区域包括内容、内边距、和边框，但不包括外边距

2、背景图片

background-image：URL|none

• url地址可以使相对地址，也可以是绝对地址
• 默认的，背景图片位于元素的左上角，并且在水平和垂直方向重复
• 背景区域包括内容、内边距、和边框，但不包括外边距

背景图片定位

背景缩写

background：[color] [image] [repeat] [attachment] [position]

• 属性部分先后顺序

列表样式

设置列表项的标记样式类型

list-style-type:关键字|none

使用图片来设置列表项的标记

list-style-image:url|none

设置列表项标记的位置

list-style-position：inside|outside

列表缩写

list-style：[type] [position] [image]

• 顺序不固定
  ype] [position] [image]
• 顺序不固定
• image 会覆盖type属性