一、CSS列表属性
列表相关的属性,可以作用在 ul 、 ol 、 li 元素上。
CSS 属性名
|
功能
|
属性值
|
---|---|---|
list
-
style
-
type
|
设置列表符号
|
常用值如下:
none
:不显示前面的标识(很常用!)
square
:实心方块
disc
:圆形
decimal
:数字
lower-
roman
:小写罗马字
upper-
roman
:大写罗马字
lower-
alpha
:小写字母
upper-
alpha
:大写字母
|
list
-
style
-
position
|
设置列表符号的位置
|
inside
:在
li
的里面
outside
:在
li
的外边
|
list
-
style
-
image
|
自定义列表符号
|
url(
图片地址
)
|
list
-
style
|
复合属性
|
没有数量、顺序的要求
|
二、CSS表格属性
1. 边框相关属性(其他元素也能用):
CSS
属性名
|
功能
|
属性值
|
---|---|---|
border
-
width
|
边框宽度
|
CSS
中可用的长度值
|
border
-
color
|
边框颜色
|
CSS
中可用的颜色值
|
border
-
style
|
边框风格
|
none
默认值
solid
实线
dashed
虚线
dotted
点线
double
双实线
|
border
|
边框复合属性
|
没有数量、顺序的要求
|
2.
表格独有属性(只有
table
标签才能使用):
CSS
属性名
|
功能
|
属性值
|
---|---|---|
table
-
layout
|
设置列宽度
|
auto
:自动,列宽根据内容计算(默认值)。
fixed
:固定列宽,平均分。
|
border
-
spacing
|
单元格间距
|
CSS
中可用的长度值。
生效的前提:单元格边框不能合并。
|
border
-
collapse
|
合并单元格边框
|
collapse
:合并
separate
:不合并
|
empty
-
cells
|
隐藏没有内容的单元格
|
show
:显示,默认
hide
:隐藏
生效前提:单元格不能合并。
|
caption
-
side
|
设置表格标题位置
|
top
:上面(默认值)
bottom
:在表格下面
|
以上 5 个属性,只有表格才能使用,即: <table> 标签。
三、CSS背景属性
css
属性名
|
功能
|
属性值
|
---|---|---|
background
-
color
|
设置背景颜色
|
符合
CSS
中颜色规范的值。
默认背景颜色是
transparent
。
|
background
-
image
|
设置背景图片
|
url(
图片的地址
)
|
background
-
repeat
|
设置背景重复方式
|
repeat
:重复,铺满整个元素,默认值。
repeat
-
x
:只在水平方向重复。
repeat
-
y
:只在垂直方向重复。
no
-
repeat
:不重复。
|
background
-
position
|
设置背景图位置
|
通过关键字设置位置:
写两个值,用空格隔开
水平:
left
、
center
、
right
垂直
:
top
、
center
、
bottom
如果只写一个值,另一个方向的值取
center
通过长度指定坐标位置:
以元素左上角,为坐标原点,设置图片左上角的位置。
两个值,分别是
x
坐标和
y
坐标。
只写一个值,会被当做
x
坐标,
y
坐标取
center
|
background
|
复合属性
|
没有数量和顺序要求
|
四、CSS鼠标属性
CSS
属性名
|
功能
|
属性值
|
---|---|---|
cursor
|
设置鼠标光标的样式
|
pointer
:小手
move
:移动图标
text
:文字选择器
crosshair
:十字架
wait
:等待
help
:帮助
|
自定义鼠标图标:
cursor: url("./arrow.png"),pointer;