欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  在html中有一个<hr>标签,<hr>标签可以非常轻松地久设置一条水平线。
 
  我们先来简单看一下<hr>标签的定义
 
  <hr>标签在HTML页面中创建一条水平线;水平分隔线(horizontalrule)可以在视觉上将文档分隔成各个部分。
 
  在HTML中,<hr>标签是一个单标签,没有结束标签。
 
  接着我们就来详细讲解一下html中的<br>标签如何设置水平分割线
 
  <hr>标签设置水平线的特点是100%宽度水平分割线,并且独占一行,<hr>标签设置的水平线将与上下内容有一定距离。
 
  <hr>是块级元素,所以<hr>独占于一行并且可以设置宽高。
 
  下面我们就来看看<hr>标签设置水平分割线的实例代码
 
  
 
  <html>
 
  <head>
 
  <metacharset="UTF-8">
 
  <title></title>
 
  </head>
 
  <body>
 
  <p>
 
  桃之夭夭,灼灼其华。之子于归,宜其室家。
 
  <hrwidth="300"align="left">
 
  桃之夭夭,有蕡其实。之子于归,宜其家室。
 
  <hrwidth="300"align="left">
 
  桃之夭夭,其叶蓁蓁。之子于归,宜其家人。
 
  <hrwidth="300"align="left">
 
  </p>
 
  </body>
 
  </html>







本文转载自快读网
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55904.shtml