列表表格及表单美化

本文介绍了HTML中列表、表格和表单的美化方法,包括有序列表、无序列表的各种样式调整,表格的属性设置如边框、宽度,以及单元格的合并技巧。此外,还探讨了表单的基础结构、元素类型及其在网页交互中的重要作用。
摘要由CSDN通过智能技术生成

列表,表格与表单

有序列表

<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
//1.ol应用场景:当一个列表是按顺序排列的就用有序列表
//2.ol属性:type:A(A~Z)
  // 1(按数字排序)
//开发中最好不要用type

无序列表

 //1.<ul>标签定义无序列表,当一组列表没有按顺序进行排序的时候,用无序列表
//2.无序列表属性:type: circle(空心圆点)
  //disc(实心圆点)
//square(实心正方形)
//ul、ol中只能放li标签,不能放其他标签

列表样式

list-style-type:定义列表前符号
list-style:none;去掉li的默认样式
List-style-image:url(…)在列表前插入自定义的图标
List-style-position:定义图标位置

自定义列表

<dl>
<dt></dt>
<dd></dd>
</dl>
//dl中只能嵌套dt、dd
//dd中的内容是对dt中的内容做一个解释说明

表格

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值