Leya 发表于 2008-3-31 11:02:21

两种好看的Table样式

<style>
.TDBT{font-size:12px;color:blue;border-top-width:0px;border-right-width:1px;border-bottom-w

idth:1px;border-left-width: 0px; height: 18px; width: 80px; background-color: #D0D0FF;

cursor: hand}/*#D0FFD0*/
</style>
<table cellSpacing=0 cellPadding=0 style="border:1px solid blue;"><tr><td>
<input type=button value=button class=tdbt><input type=text class=TDBT><input type=text

class=TDBT></td></tr><tr><td><input type=button value=button class=tdbt><input type=text

class=TDBT><input type=text class=TDBT></td></tr></table>


<img src="" width=360 height=1>

輸入線條(實為Text input):
<style>
.txLine{height:18px;border-color:black black

#000000;border-top-width:0px;border-right-width: 0px; border-bottom-width: 1px;

border-left-width: 0px; font-size: 16px; background-color: #FFFFEE; color: #0000FF}
</style>

<nobr>請輸入文字<input type=text class=txLine></nobr>




<table cellpadding=0 cellspacing=1 bordercolor=black border=1 width=100px>
<tr><td bgcolor=skyblue> </td></tr>
</table>


<table cellpadding=0 cellspacing=0 border=1 width=100px style="border:gray dotted 1px;border-collapse:collapse">
<tr><td> </td></tr>
</table>
页: [1]
查看完整版本: 两种好看的Table样式