|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 網頁中虛線的問題？
做網頁中我要用到很多虛線。記得以前有個朋友告訴我怎麼設置表格為虛線但是我忘記了。結果只好用ps做成虛線然後插入圖片裡面去。但是我還是有個問題想問大家，能不能把表格搞成虛線？第2個問題是，我把虛線做成了變成背景，高度設置成1。怎麼出來的卻是一排豎著的線，高度大約是5個像素左右，我不是把高度調成了1嗎？為什麼顯示的卻不是1？ |
表格搞成虛線
[html]
<style>
#kao{border:1px solid #f00; border-collapse:collapse}
#kao td{border:1px dotted #f00}</style>
<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="kao">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<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] |
要把表格改成一個像素大小的話 要把在<TD>標籤之間的那個代表空格的符號刪掉
還有在用PS做虛線的時候 要注意白點和黑點的排列方向 自己試驗一下就清楚了 |
[html]<style>
.table-admin {
BORDER-TOP: #006dde 1px dotted; BORDER-BOTTOM: #006dde 1px dotted;BORDER-left: #006dde 1px dotted;BORDER-right: #006dde 1px dotted
}
</style>
<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table-admin">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<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] |
在表格時加虛線或實線，最好還是用樣式來寫，如 willlong 給出的那樣，
在需要的地方加上就了，dotted為虛線，solid為實線
上 border-top: #006dde 1px dotted
下 border-bottom: #006dde 1px dotted
左 border-left: #006dde 1px dotted
右 border-right: #006dde 1px dotted
例：
[html]<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-bottom: #FF0000 1px dotted"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
[/html] |
不過我覺得CSS樣式的都是一個樣子
用圖片的好處就是可以自由設置虛線的樣子 |
| 是啊，而且圖片也不會太大，完全不影響速度 |
mhcy007在上個帖子中說
我要說明的是：dotted可能在有的版本的瀏覽器上不支持，還是會以實線solid的樣式出現！
所以還是支持圖片的方式！ |
hugh1201在上個帖子中說
表格搞成虛線：
style="border:1px dashed #000000"
高度問題：
把 去掉才會顯示的呀。。
|
| 我有一個最簡單的辦法，將其變成虛線，那就是直接在鍵盤上輸入連續的下劃線，（雖然這樣有點違背軟件原理，但至少效果達到了，而且很簡單，我經常就是這樣做的）嘿嘿 |
| 建議不使用CSS而是用圖片，因為IE5不支持CSS邊框的虛線樣式。 |
|
