CSS常用属性(列表属性、表格属性、背景属性、鼠标属性)

一、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;

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值