列表样式&表格样式

列表样式&表格样式

列表样式

1、list-style-type

在CSS中,不管是有序列表还是无序列表,都统一使用list-style-type属性来定义列表项符号。

list-style-type属性值说明
decimal默认值,数字1、2、3……
lower-roman小写罗马数字i、ii、iii……
upper-roman大写罗马数字I、II、III……
lower-alpha小写英文字母a、b、c……
upper-alpha大写英文字母A、B、C……
list-style-type属性值说明
disc默认值,实心圆“●”
circle空心圆“○”
square实心正方形“■

2、list-style-image

list-style-image:url(图像地址)

ul{list-style-image:url("../images/list.png");}

表格样式

1、border-collapse属性

border-collapse属性值说明
separate默认值,边框分开,不合并
collapse边框合并,如果相邻,则共用一个边框

只需要在table元素中设置border-collapse属性值就行,没必要在th、td这些元素也设置,造成代码冗余。

2、border-spacing属性

table{border-spacing:5px 10px}//定义了单元格之间水平方向的间距为5px,垂直方向的间距为10px

只需要在table元素设置就可以生效

3、caption-side

使用caption-side属性来定义表格标题的位置.

属性值:top bottom

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值