網頁設計表格邊框虛線化_html表格里的虛線邊框怎麼做

1、請教Dreamweaver里表格的邊框如何設置成虛線？

設置border：#000 1px dashed；

2、如何讓html表格有虛線邊框

可以用CSS樣式和HTML標簽元素實現，我們選擇幾個常用標簽對齊設置邊框虛線效果：

1、html常用標簽：

p標簽

span

ul li

table tr td

2、實例用到CSS屬性單詞：

border

width

height

3、實現虛線的CSS重點介紹：

border為邊框屬性，如果要實現對象邊框效果，要設置邊框寬度、邊框顏色、邊框樣式（實線還是虛線）：

border:1px dashed #F00 這個就是設置邊框樣式寬度為1px，虛線，虛線為紅色。

4、實例描述：

我們對以上幾個標簽設置相同寬度、相同高度、邊框效果。

5、完整HTML代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html邊框虛線演示</title>
<style> .bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px} span{display:block}/*css注釋說明：讓span形成塊*/
</style>
</head>
<body>
<p class="bor">p盒子</p>
<span class="bor">span盒子</span>
<ul class="bor">
<li>ul li列表</li>
<li>ul li列表</li>
</ul> <table class="bor">
<tr>
<td>表格</td>
<td>表格2</td>
</tr>
<tr>
<td>數據</td>
<td>數據2</td>
</tr>
</table>
</body>
</html>

效果圖：

3、html table 裡面的邊框如何變為虛線

在樣式裡面寫上
table tr{border-bottom:#333 1px dashed;}
看看能不能幫到你

4、如何在網頁中製作虛線表格

製作虛線表格的的方法：

方法一:作一個1X2的圖。
半黑半白，再利用表格作成線。這種方法固然麻煩，但在任何瀏覽器中均可瀏覽，兼容性最好。

方法二:在CSS裡面設定。
假如你用DreamWeaver話，只要在CSS面板里new一個style，選擇「redefine HTML Tag」，再在下拉菜單里先「table」，在彈出的面板里，category里選擇border，在border里，將top,left,right,bottom都設成1px，顏色設成你想要的邊框的顏色。然後在style下拉框里選擇dashed。一切ok。只是所有的表格都會用虛線做邊框了。留意，這個效果在瀏覽器里才能看見。

方法三:直接在html里設置(假如你只想讓某一個表格邊框是虛線的話)。
在表格的html里加上這個:
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
顏色是十六位代碼，你可以自己設。

5、網頁中，表格虛線邊框是怎麼作出來了的呀？

6、Dreamweaver在網頁設計時，設計界面下表格的邊框虛線不見了，怎麼顯示它？

你按F6就可以了

7、怎麼把網頁表格裡面的線設置成虛線

方法一：作一個1X2的圖。半黑半白，再利用表格作成線。這種方法雖然麻煩，但在任何瀏覽器中均可瀏覽，兼容性最好。

方法二：在CSS裡面設定。
在CSS面板里new一個style，選擇「redefine HTML Tag」，再在下拉菜單里先「table」，在彈出的面板里，category里選擇border，在border里，將top,left,right,bottom都設成1px，顏色設成你想要的邊框的顏色。然後在style下拉框里選擇dashed。一切ok。只是所有的表格都會用虛線做邊框了。注意，這個效果在瀏覽器里才能看見。

方法三：直接在html里設置（如果你只想讓某一個表格邊框是虛線的話）。

在表格的html里加上這個：
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

註：方法二、三，只能在IE5.5里用，到了NETSCAPE里一點用處都沒有，除非你用做好的底圖填充。

8、如何用css做一個細虛線邊框表格

9、html表格里的虛線邊框怎麼做？？

10、表格邊框以虛線顯示的css樣式

表格邊框默認是以實線進行顯示的，怎麼才能把它變成虛線呢？其實很簡單只要簡單加一些樣式屬性便可搞定，希望下面的例子對大家有所幫助

復制代碼
代碼如下:
<style>
.table5{text-align:center;
border:1px
solid
#cccccc;
border-radius
:3px;
background-color:#FFFFFF;
width:650px;}
.table5
td{border-bottom:1px
dashed
#cccccc;}
.table5
.last
td{border-bottom:0;}
</style>

復制代碼
代碼如下:
<table
width="100%"
border="0"
cellpadding="2"
cellspacing="0"
class="table5">
<tr
>
<td
colspan="4"> </td>
</tr>
<tr
>
<td
width="4%"><img
src="images/greendot.jpg"
width="4"
height="4"
/></td>
<td
width="17%"
class="text-fl">萍水相逢</td>
<td
width="63%"
align="center"
class="text-fl">消費10個金幣，對換10元手機費</td>
<td
width="16%"
align="center"
valign="middle">2013.01.20</td>
</tr>
<tr
class="last">
<td
><img
src="images/greendot.jpg"
/></td>
<td
class="text-fl">M萍水相MM</td>
<td
align="center"
class="text-fl">消費500積分，對換500粉絲</td>
<td
align="center"
valign="middle">2013.01.20</td>
</tr>
<tr
>
<td
colspan="4"></td>
</tr>
</table>

導航:首頁 > 萬維百科 > 網頁設計表格邊框虛線化

網頁設計表格邊框虛線化

與網頁設計表格邊框虛線化相關的知識