css实现不规则表格的方法

小编给大家分享一下css实现不规则表格的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

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

本文操作环境:Windows7多系统,戴尔G3电脑,HTML5&和CSS3版。

HTML文本:

& lt; ! DOCTYPE  html> & lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8",/比; 　　& lt; title> & lt;/title> 　　& lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" js/jquery-3.1.1.min.js "> 　　 　　

/*单元格间距=" 0 "边框宽度*/<表类=皌1”边界=?”bordercolor=" # e2e2e2 "单元格间距宽度=" 0 "单元格边距=" 1 "=" 1000 "> 　　 　　 　　 　　 　　 　　 　　 　　 S19000086

　　 　　 2019-1-12

　　 　　 　　 　　 罗茜

　　 　　 罗茜

　　 　　 　　 　　 无

　　 　　 在线支付

　　 　　 　　 　　 罗茜

　　 　　 鲁迅

　　 　　 　　 　　 哪位uID反悔任金佛苹果控

　　 　　

　　

　　<表边界=?”bordercolor=" # e2e2e2”单元格间距=" 0 "单元格边距=" 1 "宽=" 1000 "> 　　 序号 　　零件号 　　商品名称 　　品牌 　　原厂零件号 　　原价 　　成交价 　　数量 　　小计 　　 　　 1 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　2 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　

　　

　　<表类=" t3“边境=?”bordercolor=" # e2e2e2 "单元格间距宽度=" 0 "单元格边距=" 1 "=" 1000 "> 　　 　　

人民币:

　　“td1 a1”宽度共计件商品: 　　“td1 a1”宽度83894.00 　　 　　 　　 　　

原价总额:

　　“td1 a1”宽度运费: 　　“td1 a1”宽度25.00 　　 　　 　　 　　“td1 a1”宽度总额: 　　“td1 a1”宽度u39248 　　 　　 　　

　　

CSS文本:

.p1 { 　　text-align:左; 　　indent:, 2 em;//左边空两格}.h2 { 　　浮:左; 　　宽度:120 px; 　　身高:80 px;/*显示:块;*/}.h3 { 　　浮:正确的;//右对齐宽度:,120 px; 　　身高:80 px;/*显示:块;*/}.t3 { 　　border-top: # F0F8FF;//设置上边框为白色,/* border-collapse:崩溃;*/}.td1 {/* text-align:证明; 　　text-align-last:证明;*/,,,,行高:0; 　　,,,,身高:40像素; 　　边界:没有,/*这个是单元格,不给他要边框*/text-align:左; 　　indent:, 2 em;//左边空两格}.a1 { 　　text-align:权利;}

css实现不规则表格的方法