CSS设置精选版(基础二)

本文介绍了CSS中列表和表格样式的详细配置方法,包括列表标记类型、图像标记、文字环绕选项,以及表格边框合并、边框间距等实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

7、列表

  7.1 列表标记(ul li):list-style-type

   {

     disc(默认圆点)

     circle(空心圆)

     square(实心方框)

     none(没有标记)}

     decimal(1. 2.……)

     lower-roman(i. ii.……)

     upper-roman(I. II.……)

     lower-alpha(a. b.……)

     upper-alpha(A. B.……)}

     cjk-ideographic(一. 二.……)

   }

 

 7.2 将图像做为标记: list-style-image: url('/i/eg_arrow.gif')

 7.3 文字环绕标记: list-style-position:

   {

     inside(换行文本与标记对齐)

     outside(换行文本与标记后面的文字对齐)

   }

 7.4 将属性应用于一个设置 list-style:

 

8、表格

 8.1 合并边框:border-collapse: {collapse(合并,即代替老版的cellspacing=0 和 cellpadding=0separate}

 8.2 设置表格两个边框之间距离: border-spacing,此值必须在border-collapse设置为separate时才有效,如:

 border-collapse: separate; border-spacing: 20px 50px (左右  上下) 或  border-space: 10px

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值