DIV样式模仿TABLA

ExpandedBlockStart.gifContractedBlock.gif<style>dot.gif 
ExpandedSubBlockStart.gifContractedSubBlock.gif#div1 
{dot.gif}{ 
InBlock.gif width
: 450px; 
InBlock.gif border-top
: #000 1px solid; 
InBlock.gif border-left
: #000 1px solid; 
ExpandedSubBlockEnd.gif
}
 
ExpandedSubBlockStart.gifContractedSubBlock.gif#div1 ul 
{dot.gif}{ 
InBlock.gif width
: 450px; 
InBlock.gif margin
: 0px; 
ExpandedSubBlockEnd.gif
}
 
ExpandedSubBlockStart.gifContractedSubBlock.gif#div1 li 
{dot.gif}{ 
InBlock.gif float
: left; 
InBlock.gif width
: 150px; 
InBlock.gif height
: 50px; 
InBlock.gif list-style-type
: none; 
InBlock.gif border-right
:#000 1px solid; 
InBlock.gif border-bottom
: #000 1px solid; 
InBlock.gif text-align
: center; 
InBlock.gif line-height
: 50px; 
ExpandedBlockEnd.gif
}
 
None.gif
</style> 
None.gif
<div id="div1"> 
None.gif 
<ul> 
None.gif 
<li style="width: 450px;">1</li> 
None.gif 
<li>2</li> 
None.gif 
<li>3</li> 
None.gif 
<li>4</li> 
None.gif 
<li>5</li> 
None.gif 
<li>6</li> 
None.gif 
<li>7</li> 
None.gif 
<li>8</li> 
None.gif 
<li>9</li> 
None.gif 
<li>10</li> 
None.gif 
</ul> 
None.gif
</div> 
None.gif
None.gif

 

None.gif<html>
None.gif
<head>
None.gif
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
None.gif
<title>无标题文档</title>
ExpandedBlockStart.gifContractedBlock.gif
<style type="text/css">dot.gif
InBlock.gif<!--
ExpandedSubBlockStart.gifContractedSubBlock.gifbody,td
{dot.gif}{
InBlock.giffont-size
:12px;
ExpandedSubBlockEnd.gif
}

ExpandedSubBlockStart.gifContractedSubBlock.gif#table 
{dot.gif}{
InBlock.gif    width
: 401px;
InBlock.gif    padding
: 0px;
InBlock.gif    background-color
: #003300;
InBlock.gif    border-left
:1px #000 solid;
InBlock.gif    border-top
:1px #000 solid;
ExpandedSubBlockEnd.gif    
}

ExpandedSubBlockStart.gifContractedSubBlock.gif#table span
{dot.gif}{
InBlock.gifwidth
:100px;
InBlock.gif height
:15px;
InBlock.gif overflow 
: hidden;
InBlock.gif background-color
: #f0f0f0;
InBlock.gif padding
:0px;
InBlock.gif float
:left;
InBlock.gifborder-bottom
:1px #000 solid;
InBlock.gifborder-right
:1px #000 solid;
ExpandedSubBlockEnd.gif
}

ExpandedBlockEnd.gif-->
None.gif
</style>
None.gif
</head>
None.gif
None.gif
<body>
None.gif
<table width="400"  border="1" cellpadding="0" cellspacing="0" bordercolor="#539CE5" bgcolor="#f0f0f0" style="border-collapse: collapse">
None.gif  
<tr>
None.gif    
<td width="25%">这个是TABLE</td>
None.gif    
<td width="25%">表格2</td>
None.gif    
<td width="25%">表格3</td>
None.gif    
<td width="25%">表格4
None.gif    
</td>
None.gif  
</tr>
None.gif  
<tr>
None.gif    
<td> </td>
None.gif    
<td> </td>
None.gif    
<td> </td>
None.gif    
<td> </td>
None.gif  
</tr>
None.gif  
<tr>
None.gif    
<td> </td>
None.gif    
<td> </td>
None.gif    
<td> </td>
None.gif    
<td> </td>
None.gif  
</tr>
None.gif
</table>
None.gif
<br>
None.gif
<div id="table">
None.gif    
<span>这个是DIV</span>
None.gif    
<span>2</span>
None.gif    
<span>3</span>
None.gif    
<span>4</span>
None.gif    
<span> </span>
None.gif    
<span> </span>
None.gif    
<span> </span>
None.gif    
<span> </span>
None.gif    
<span> </span>
None.gif    
<span> </span>
None.gif    
<span> </span>
None.gif    
<span> </span>
None.gif
</div>
None.gif
</body>
None.gif
</html>

转载于:https://www.cnblogs.com/LCX/archive/2006/11/25/572034.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值