此网站为管振佐的个人博客,终身学习记录!
当前位置首页 > 编程> 正文

CSS基础之列表、表格、鼠标、滤镜

11-05 475 编程


列表属性

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

博客主人管振佐
男,河南人,做事情比较执着而已。
曾梦想仗剑走天涯,看一看世界的繁华,年少的心总有些轻狂,如今你四海为家...每一次难过的时候,就独自看一看大海...经历了人生百态世间的冷暖...

标签