很多站长朋友们都不太清楚html 怎么设置，今天小编就来给大家整理html 怎么设置，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 如何在HTML中设计即水平线的颜色？？ 2、 HTML如何添加水平分割线: 3、 html中如何改变hr元素的粗细啊 4、 如何定义html hr 样式 如何在HTML中设计即水平线的颜色？？在HTML中设计水平线的方法如下
1 在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
2，对水平线颜色的设置，怎么办? 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：< hr color=#FF0000>。
3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。
最后，再告诉你个小技巧
诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。
HTML如何添加水平分割线:HTML提供了修饰段落的水平分割线，在很多的网页布局中都可以轻松使用，而不需要另外作图。水平分割线的标签是单标签：<hr/> 默认情况下只占一行。 <html><head><title>建站教程网-为学习HTML,DIV+CSS教程,网站开发制作与建设提供动力</title></head><body><p align="center">HTML教程</p><hr/><p>建站教程网-xhtml教程提供最全面的html教程，告诉您html是什么，快速学习xhtml知识，并制作html网页页面。</p></body></html> 运行上面的HTML代码就可以发现标题和正文内容之间就有一条横线。一个简单的<hr/>标签就可以实现分割线，轻松地修饰了段落排版，使之更美观。不过对于不同的应用场合，<hr/>默认单一的线条样式显然不能满足要求。<hr/>标签的多种属性解决了这个问题，常用的属性有width、size、align、color和titile。 width：即表示宽度，属性值默认单位为像素(px)，也可以用百分比来表示分割线所占空间的比例； size：表示分割线的厚度或高度，属性值默认单位也为像素(px)； aling：为对齐方式，类似于<p>的align； color：即颜色，我们可以根据需要设置分割线的不同颜色； title：这个属性使用的不多，表示当浏览者光标悬停在分割线上时出现属性值的内容提示。分割线<hr/>还有一个属性时noshade，当分割线没有设置颜色时，并且设置了一定的size时，分割线看上去是立体下凹，有阴影的。如果使用了noshade属性时，分割线将会呈现单色。
html中如何改变hr元素的粗细啊需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，复制问题基础代码。
2、在index.html中的<body>标签中，加入html代码：<div style="width:1024px; height:1px; background-color: #0000FF; border: 1px none #000000;"></div>。
3、浏览器运行index.html页面，此时横线和竖向是差不多粗细的。
如何定义html hr 样式这个方法有好多！具体的在下面给你展示下：
第一种：
<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />
height:2px; //是hr的高度
border:none; // 是没有边框
border-top:2px dotted #185598; //是设置横线的样式
dotted 虚线 #185598 颜色
第二种：
<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
第三种：
<hr style="height:1px;border:none;border-top:1px solid #555555;" />
第四种：
<hr style="height:3px;border:none;border-top:3px double red;" />
第五种：
<hr style="height:5px;border:none;border-top:5px ridge green;" />
第六种：
<hr style="height:10px;border:none;border-top:10px groove skyblue;" />
border-top:10px groove skyblue; groove 上颜色 skyblue 下颜色
关于html 怎么设置的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么设置 怎么设置hr的位置html的详细内容...