CSS基础之列表、表格、鼠标、滤镜
列表属性
li{list-style-type:none}
list-style-type:none|square|disc|icre
list-style-position:inside|outside 列表标志位置,outside是默认值,在列表项之外。
list-style-image:url(image url)
简写:list-style:列表标志 列表标志位置 列表图像
设置了列表标志则不要设置列表图像
表格属性
单元格间隙:设置相邻的单元格间隔距离border-spacing:水平间隔 垂直间隔,
边框折叠:border-collapse:collapse|separate;collapse会将边框折叠,separate默认值,边框分开
表格宽高:width height
表格文本对齐:text-align vertical-align
表格背景:background
鼠标样式
cursor:pointer|wait|help|auto
pointer:手型
wait:等待
help:帮助,有个问号
auto:默认值
鼠标样式主要是配合js使用
滤镜
滤镜属性定义图像的可视效果。
老版本浏览器不支持图像滤镜,需要添加浏览器前缀-webkit。所有IE浏览器都不支持滤镜。
高斯模糊
filter:blur(10px);默认值是0,值越大,图像越模糊。可以是px,em,rem,不能设置为百分比
饱和度
filter:saturate(100%);默认值是100%,可以超过100%,100%时无变化,0%为黑白,超过100%时,有更高的饱和度
filter:greayscale(100%)。值在0%~100%,默认值是0%,当值为100%时,则图像会变成黑白图像
filter:contrast(100%)。默认值为100%,当为0%时,图像变成全黑。值可以超过100%,值超过100%时,运用更低的对比度。
透明度设置
filter:opacity(100%)。100%不透明,0则完全透明,
版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议,转载请保留链接: https://www.guanzhenzuo.com/programming/66.html