迅闻网
让更多人看到你

css表格样式(css不规则表格)

  css表格样式

1、border-collapse款式,可设置表格的边框是否被合并为一个单一的边框;2、border-spacing款式,指定分隔边框模型中单元格鸿沟之间的距离;3、caption-side款式,设置表格标题的位置;4、empty-cells款式,规则是否显示表格中的空单元格上的边框和背景;5、table-layout款式,设置完结表布局时所用的布局算法。

css

css不规则表格

跟我们讲解下有关css怎样完成不规则表格,信任小伙伴们对这个话题应该也很重视吧,现在就为小伙伴们说说css怎样完成不规则表格,小编也收集到了有关css怎样完成不规则表格的相关材料,期望我们看到了会喜爱。
css完成不规则表格的方法:首要创立一个HTML示例文件;然后经过table标签创立一个表格;接着经过width和height等特点设置表格的款式;最终经过text-align等特点设置表格文本款式即可。
本文操作环境:Windows7系统、DellG3电脑、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表格样式(css不规则表格)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

迅闻网-让更多人看到你

登录/注册返回首页