CSS3 列表、表格、滤镜

列表属性

list-style-type:标志类型：设置列表项标志的类型

list-style-position:outside：设置列表标志的位置

• outside：默认值，表示标志在列表项之外
• inside：表示在列表项之内

list-style-image:url()：将图像设置为列表项标志。属性值：URL图像的路径、none：默认，无图形被显示

list-style:列表标志 列表标志位置 列表项图像：复合属性。用于把所有用于列表的属性置于一个声明中

表格属性

border-spacing:水平间隔 垂直间隔 设置相邻单元格间隔

border-collapse:collapse | separate 设置表格边框折叠

• separate：默认值，边框会分开
• collapse：边框会合并

width: px; height:px 设置表格宽高

滤镜属性

定义图像的可视效果

filter:blur(合法的尺寸单位); 高斯模糊

• 默认值：0，值越大，图像越模糊
• 不能设置成百分比

filter: saturate(100%); 设置饱和度

• 默认值：100%， 图像没有变化；0%时，图像会变成黑白
• 值可以超过100%，有更高的饱和度

filter: grayscale(100%); 设置灰度

• 默认值：0%，图像没有变化；100%时，图像会变成黑白
• 值在0%-100%之间

filter: contrast(150%); 设置对比度

• 默认值：100%，图像没有变化；0%时，图像会变成全黑
• 当超过100%时，意味着运用更低的对比度

filter: opacity(100%); 设置透明度

• 默认值：100%，图像没有变化；0%时，图像完全透明
• 值在0%-100%之间