网页设计表格边框虚线化_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>

导航:首页 > 万维百科 > 网页设计表格边框虚线化

网页设计表格边框虚线化

与网页设计表格边框虚线化相关的知识