很多站长朋友们都不太清楚电脑html水平线怎么做，今天小编就来给大家整理电脑html水平线怎么做，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 如何在HTML中设计水平线的颜色？ 2、 在HTML中如何把水平线设置成双划线 3、 网页设计如何插入水平线？ 如何在HTML中设计水平线的颜色？在HTML中设计水平线的方法如下
1
在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
2，对水平线颜色的设置，怎么办?
其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：<
hr
color=#FF0000>。
3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。
最后，再告诉你个小技巧
诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。
在HTML中如何把水平线设置成双划线如果想要更长的线，只将高度设大是没用的，不信你试试，设置高度为200，但在 浏览器中只能看到100像素高。这是因为HTML只承认100像素高的水平线。这时你可以加回车键，然后再画一条同样的水平线，或者在竖直方向上的两个单元格内都加一条同样的水平线。我们还可以改变线的颜色，以达到不同的效果。
网页设计如何插入水平线？在Dreamweaver里有以下办法：
1、设计视图，点插入菜单-HTML-水平线，或者在代码视图，直接输入<hr>即可；
2、插入一个高度为1px的表格或div，一定要删除空格符 ，div的话还要设置超出隐藏；
3、可以用CSS：border-bottom:1px solid #ccc;
4、可以用插入一个直线图片
关于电脑html水平线怎么做的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于电脑html水平线怎么做 html水平线代码怎么打的详细内容...