css实现不规则表格的方法:首先创建一个HTML示例文件;然后通过table标签创建一个表格;接着通过width和height等属性设置表格的样式;最后通过text-align等属性设置表格文本样式即可。

本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。
HTML文本:
/*cellspacing="0"边框宽度*/
| @@##@@ @@##@@ | ||||||||
| 订单编号 | S19000086 |
下单时间 | 2019-1-12 |
|||||
| 客户名称 | 罗茜 |
供应商 | 罗茜 |
|||||
| 发票类型 | 无 |
支付方式 | 在线支付 |
|||||
| 下单人 | 罗茜 |
收货人 | 鲁迅 |
|||||
| 收货地址 | 哪位uID反悔任金佛苹果控 |
|||||||
| 序号 | 零件号 | 商品名称 | 品牌 | 原厂零件号 | 原价 | 成交价 | 数量 | 小计 |
|---|---|---|---|---|---|---|---|---|
| 1 | ||||||||
| 2 |
人民币: |
共计【】件商品: | 83894.00 |
原价总额: |
运费: | 25.00 |
| 总额: | u39248 |
【推荐学习:css视频教程】
CSS文本:
立即学习“前端免费学习笔记(深入)”;
.p1{
text-align: left;
text-indent: 2em;//左边空两格}.h1{
float: left;
width: 120px;
height: 80px;
/*display: block;*/}.h2{
float: right;//右对齐 width: 120px;
height: 80px;
/*display: block;*/}.t3{
border-top: #F0F8FF;//设置上边框为白色 /*border-collapse:collapse;*/}.td1{
/*text-align:justify;
text-align-last:justify;*/
line-height:0;
height:40px;
border:none;/*这个是单元格,不给他要边框*/
text-align: left;
text-indent: 2em;//左边空两格}.a1{
text-align: right;}最终得到的样式:
相关文章
css 想给已访问链接添加渐变背景怎么办_使用 :visited 伪类结合背景渐变
css 想让多个元素水平等间距排列怎么办_使用 display flex 与 justify-content space-between
css 想实现模态框居中怎么办_position fixed top 50% left 50% transform translate
css scoped 样式是如何限制选择器的_作用原理说明
css 想实现多列等分卡片布局怎么办_grid-template-columns repeat 3 1fr
相关标签:
本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门AI工具
相关专题
本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
10
2026.01.16
热门下载
相关下载
精品课程
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号









