第九天,CSS属性(表格和表单)

本文详细介绍了HTML中的表格元素如colgroup和col的使用,以及样式属性如align和valign。同时,讲解了表单元素form、input的各种类型及其属性,包括CSS在表格和表单中的应用,如border-spacing、border-collapse等。此外,还提及了表单提交方式和禁用、选中等状态的控制方法。

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

表格和表单

表格

<colgroup>标签用于对表格中的列进行组合,以便对其进行格式化。 通过使用 <colgroup>标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。 只能在 table 元素内使用 <colgroup> 标签。

<col>标签为表格中一个或多个列定义属性值。如需对全部列应用样式,<col>标签很有用,这样就不需要对各个单元和各行重复应用样式了。只能在 table 或 colgroup 元素中使用 <col> 标签。

align:left/right/center

valign:top/middle(默认)/bottom

表格专用标题:caption

thead表格头部

tbody表格内容

tfoot表格底部

table的属性

boder,width,height,bgcolor,align,bordercolor,cellpadding,cellspacing

tr 的属性

height,bgcolor,align,valign

td 的属性

width,height,bgcolor,align,valign

table 的 CSS 属性

单元格与单元格的间距:border-spacing 合并单元格边框:细线边框:border-collapse:separate/collapse 表格的布局算法:table-layout:auto/fixed 固定等比分配表格的宽度

border-spacing

boder-collapse

表单

form表单 action=“服务器地址” method=“提交的方式 post/get”

input type=:button普通按钮,没什么用

input type="image" src="图片地址" 图片按钮

input type="flie" 上传按钮

label for="b"

属性选择器:

input[type="text"]{

}

disabled禁用 enabled可用 selected选中(下拉列表) checked默认选中(单选和复选)

backdrop-filter: blur(10px);模糊

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值