|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 細線表格怎麼做？
細線表格怎麼做？ |
我習慣用這種方式：
[html]<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
td { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #666666}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#EFEFEF">
<table width="400" border="0" cellspacing="1" cellpadding="3">
<tr bgcolor="#FFFFFF">
<td>ab</td>
<td>cd</td>
<td>ef</td>
<td>g</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>hi</td>
<td>jk</td>
<td>l</td>
<td>mn</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
[/html] |
| 2個表格套用啊， 用CSS怎麼做？ |
定義table樣式
table{border:#000 solid; border-width:1px 0 0 1px;}
定義td樣式
td{border:#000 solid; border-width:0 1px 1px 0;} |
[html]
<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse;">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
[/html] |
style="border-collapse:collapse
是什麼意思啊？ |
| 我在DW中是這樣設置的：插入的表格另其間距為1。選中表格設置背靜色（這就是細線的顏色）。再選種所有單元格設置背靜（這就是 單元格的顏色）。這是看看就是細線的了。要點：其間距為1。 |
戒不了煙在上個帖子中說
折疊表格邊框——把相鄰的 td 之間的兩條邊框線合併成一條 |
問
table{border:#000 solid; border-width:1px 0 0 1px;}
可以寫成這樣的嗎？
table{border:#000 solid; 1px 0 0 1px;}
|
border-collapse:collapse
相當於cellspacing = 0 |
| 在dw中的做法:插入一個表格,把表格的背景色設為所需要的細線表格的顏色,在表格屬性中將表格的間距設為"1",其他的邊框、填充等設為"0".再選中表格中的單元格並將其背景色設為白色(也可以設為自己所需要的顏色).至此細線表格的製作就完成了 |
jixiaoan在上個帖子中說
不是啊……看這個……
[html]<style>
td { border: 1px solid #000000; width: 30px; height: 30px }
</style>
這裡沒有設置 border-collapse: collapse
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
這裡設置了
<table border="0" cellpadding="0" style="border-collapse: collapse">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>[/html] |
style="border-collapse:collapse
我一般用這個 |
這樣也是一種思路
[html]
<table bordercolordark="#ffffff" bordercolorlight="#000000" border="1" cellspacing=0 cellpadding=0 width=100 height="100">
<tr>
<td>s</td>
<td>s</td>
<td>s</td>
</tr>
<tr>
<td>s</td>
<td>s</td>
<td>s</td>
</tr>
</table>
[/html]
|
| 為什麼不是前台套用，要用什麼代碼 啊？ |
|
