html怎样使表格没有竖边框
教程管理员 发布于2023-09-30 14:06 HTML教程 148
简介:
html怎样使表格没有竖边框
html中画表格让表格只有横边框没有竖边框
test { } table.tab td {height:30px; border-bottom:2px solid #6AB2E7; border-left:0px ;border-right:0px ; } table.tab td.head { border-top:2px solid #6AB2E7; }
html中画表格让表格只有横边框没有竖
边框,可以把“style”标签中table.tab td设置border-left:为 0px ;border-right: 为 0px ,线型和颜色不设置即可
如果border-left:和border-right: 后面加上solid(实型)并设置颜色如 #6AB2E7,则左右边框,即可显示
这是第一行,第一列,靠右 | 这是第一行,第二列,靠左 |
这是第二行,第一列,靠左 | 这是第二行,第二列,靠右 |
这是第三行,第一列, | 这是第二行,第二列, |
居中居中
篇二:html中画表格,让表格只有横边框,没有竖边框
我的实现方式是为每个td标签添加一个底部边框border-bottom,第一行的td再额外添加一个顶部边框border-top。代码如下:
test table.tab { } table.tab td { height:30px; border-bottom:2px solid #6AB2E7; border-left:0px; border-right:0px; } table.tab td.head { border-top:2px solid #6AB2E7; }
项目一: | class="head">bb |
项目二: | dd |
项目三: | dd |
- 上一篇:46.2. HTML 处理
- 下一篇:HTML 5 视频,音频
相关推荐
- 02-05 应届毕业生通用应聘求职简历表格模板_简介doc文档Word模板下载
- 02-05 空姐应聘应聘求职简历表格模板_简介doc文档Word模板下载
- 02-05 研究生应聘求职简历表格模板_简介doc文档Word模板下载
- 02-04 电子商务个人应聘求职简历表格模板_简介doc文档Word模板下载
- 02-04 总经理助理应聘求职简历表格下载_简介doc文档Word模板下载
- 02-03 儿科护士应聘求职简历表格下载_简介doc文档Word模板下载
- 02-03 财务个人应聘求职简历表格下载_简介doc文档Word模板下载
- 02-03 预算员个人应聘求职简历表格下载_简介doc文档Word模板下载
- 02-02 电话营销员应聘求职简历表格下载_简介doc文档Word模板下载
- 02-02 报关员求职应聘求职简历表格_简介doc文档Word模板下载
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-