html中hr的各种样式使用

HTML的hr标签可以创建一条水平线。下面，我们来看看html中hr的各种样式使用吧。

创建一条水平线

先使用hr/标签来创建一条水平线，如下图所示：

hr的高度

使用style来设置hr水平线的样式，比如设置hr的高度， hr style=" height:30px" /。如下图所示：

没有边框

使用border:none来设置hr没有边框，如下图所示：

dotted 虚线

使用dotted将水平线设置成虚线，如下图所示：

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

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

最后，再告诉你个小技巧

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

[img]要设置一条1像素粗的水平线,应使用的HTML语句是_ _ .

height:1pxfont-size:0pxbackground:#ff0000//理论上是这样写，但是这种写法兼容性不强。

html本身自带的hr标签就是水平线，但是基本没人用，自带样式太不美观了。

所以不妨换个思路，用border 来解决。

height:12pxfont-size:12pxborder-bottom:1px solid #ff0000

怎么用HTML代码写出好看的水平线？求高手赐教。

hr width="你想设定的宽度" color="水平线的颜色"水平线的属性很少的！在实际的应用中也只有这两个属性！

设置水平线高度的HTML代码是

在HTML中，设置水平线高度，有两个标签border和height，用法如下：

用border属性来设置一条水平线，如代码：

div style="width:500pxborder:1px solid red"/div

!--注：border 这里指水平线高度！--

使用background-color来制作一条线，和border基本类似，如代码

div style="width:500pxheight:1pxbackground-color:red"/div

!--注：height:1px 这里指水平线高度！--

使用hr标签可以制作一条水平直线，如代码：

hr/!--这个标签的涵义就是一条水平的直线，但是不灵活，现在基本没人使用！--

要设置一条一像素的水平线，html语句是

首先水平线用HTML语句表示为hr； 其次用HTML语句编辑页面代码时水平线看你需要在哪个部分使用就在那个部分写上代码就可以，要注意的是这段代码需要写在与之间你想使用的部分； 最后就是给该水平线设置样式，大小为1px，颜色可以根据爱好来设置，...

（horizontal rule）水平分隔线，可以在视觉上将文档分隔成各个部分。

bbold 呈现粗体文本效果。

br可插入一个简单的换行符。blank rule ，br标签是空标签（意味着它没有结束标签，因此这是错误的：br/br）。在 XHTML 中，把结束标签放在开始标签中，也就是 br /。

请注意，br标签只是简单地开始新的一行。

下次记得给些悬赏分数。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://outofmemory.cn/zaji/6999484.html