使用HTML编写出一个三行三列的表格,一个红色的水平线

代码如下:

<table border="1">

<tr>

<td>&nbsp</td>

<td>&nbsp</td>

<td>&nbsp</td>

</tr>

<tr>

<td>&nbsp</td>

<td>&nbsp</td>

<td>&nbsp</td>

</tr>

<tr>

<td>&nbsp</td>

<td>&nbsp</td>

<td>&nbsp</td>

</tr>

</table>

<hr color="#FF0000">

在HTML中设计水平线的方法如下

1    在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。

2，对水平线颜色的设置，怎么办? 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：<hr color=#FF0000>。

3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。

最后，再告诉你个小技巧

诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。

第一种：

<hr style=" height:2pxborder:noneborder-top:2px dotted #185598" />

height:2px是hr的高度

border:none是没有边框

border-top:2px dotted #185598是设置横线的样式

dotted  虚线  #185598  颜色

第二种：

<hr style="height:1pxborder:noneborder-top:1px dashed #0066CC" />

第三种：

<hr style="height:1pxborder:noneborder-top:1px solid #555555" />

第四种：

<hr style="height:3pxborder:noneborder-top:3px double red" />

第五种：

<hr style="height:5pxborder:noneborder-top:5px ridge green" />

第六种：

<hr style="height:10pxborder:noneborder-top:10px groove skyblue" />

border-top:10px groove skyblue    groove  上颜色        skyblue   下颜色

---