怎么画一条横线？我想到的有三种方法，但是各自样式不一，所以大家按需求来哦。

        1.<hr />标签，对的，这个标签就代表一条横线，样式大概是这样的，如图（a与b之间哦）：

           

javascript 横杠 html中横线怎么写代码_HTML

<html>  

    <head></head>  
    <body>  
        <div>a</div>  
        <hr />  
        <div>b</div>  
    </body>  
</html>

2.<div>来构造，我们知道border是边界的意思，很多时候我们用它设置一些边边框的什么，这里我们就用到了它，看看代码（还是在a和b之间插一个横线）：

<html>  
    <head></head>  
    <body>  
        <div>a</div>  
        <div style="border:1px solid #CCC"></div>  
        <div>b</div>  
    </body>  
</html>

效果图：

javascript 横杠 html中横线怎么写代码_html_02


稍微科普一下，1px代表那个线有多宽的，越大越宽，solid代表它是一个实线，这里还有很多属性如dashed(虚线)，groove(凹槽型效果，具体请看Border HTML，当然#CCC就是颜色了。

 3.还是<div>来构造，只不过用border-bottom，为什么这么用呢，我们经常用到的横线其实我想就是一个div下面一个属性罢了，而不是单独的一个属性，所以代码有所改变，如下：

<html>  
    <head></head>  
    <body>  
        <div style="border-bottom:1px solid #CCC">a</div>  
        <div>b</div>  
    </body>  
</html>

效果图：

javascript 横杠 html中横线怎么写代码_css_03