用DIV画个漂亮的Table，根本看不出是div画的-白红宇

用DIV画个漂亮的Table，根本看不出是div画的

阅读量：5140 次

发布时间：2019-06-13

本文共 1953 字，大约阅读时间需要 6 分钟。

用到的CSS设定

.tableRow {

width: 1200px;

height: 50px;

}

.Cell {

float: left;

width: 198px;

height: 50px;

border-width: 1px 0px 0px 1px;

border-style: solid;

}

.CellRowEnd {

float: left;

width: 150px;

height: 50px;

border-width: 1px 1px 0px 1px;

border-style: solid;

}

.CellLastRow {

float: left;

width: 198px;

height: 50px;

border-width: 1px 0px 1px 1px;

border-style: solid;

}

.CellLastRowEnd {

float: left;

width: 150px;

height: 50px;

border-width: 1px 1px 1px 1px;

border-style: solid;

}

下面是画table的代码

<div class="tableRow clearfix panel-heading"

data-toggle="collapse" data-parent="#accordion"

href="#collapseOne">

</div>

<div id="collapseOne"

class="col-xs-12 panel-collapse collapse collapseCom"></div>

<div class="tableRow clearfix panel-heading"

data-toggle="collapse" data-parent="#accordion"

href="#collapseTwo">

</div>

<div id="collapseTwo"

class="col-xs-12 panel-collapse collapse collapseCom"></div>

<div class="tableRow clearfix panel-heading"

data-toggle="collapse" data-parent="#accordion"

href="#collapseThree">

</div>

<div id="collapseThree"

class="col-xs-12 panel-collapse collapse collapseCom"></div>

<div class="tableRow clearfix panel-heading"

data-toggle="collapse" data-parent="#accordion"

href="#collapseFour">

</div>

转载于:https://www.cnblogs.com/weijieyun/p/6053295.html

你可能感兴趣的文章

error: more than one device and emulator 问题解决

【方法2】删除Map中Value反复的记录，而且仅仅保留Key最小的那条记录

查看>>

C# CheckedListBox控件的使用方法

SharePoint自定义程序页面部署不用重启IIS

查看>>

2014-11-30-2333-Java-数组

查看>>

Nginx 自动补全url地址补全最后的斜线

查看>>

【SQL Server 2008 安装全过程】

POJ 2421 Constructing Roads（最小生成树）