小编给大家分享一下css实现不规则表格的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
在桥西等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站设计、成都网站制作 网站设计制作按需策划设计,公司网站建设,企业网站建设,高端网站设计,营销型网站,成都外贸网站建设公司,桥西网站建设费用合理。
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文本：
.p1{
text-align: left;
text-indent: 2em;//左边空两格}.h2{
float: left;
width: 120px;
height: 80px;
/*display: block;*/}.h3{
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实现不规则表格的方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
本文名称：css实现不规则表格的方法
转载源于：
http://bzwzjz.com/article/gcchge.html
