HTML中的横线效果是怎么实现的

图片说明

上图中的横线效果，和最右侧的那个符号链接是怎么实现的？

实现这种样式有多种方式，比如说，第一种，实现左面的长线条，可以设置一个div，这个div的height可以是1px或者2px,然后设置color，右面的短横线同理，然后让这两个div浮动，也就是float。第二种方式：可以用ps做一个这样的图片，然后利用定位，position来实现 。

热门课程和最新课程之间的横线你可以用border-right或border-left属性，区别是你对那个使用，这条长直线可以用hr标签可以实现，但hr线比较粗，若想要比较细的，用个span或边界也可以做出这种效果

那条线:用一个框设置border边框或者一个框里面一张图背景图,或者


那个符号一般都是一张图定位的,或者调的控件

线可以用span直接画出来1px就行，至于右侧的图就是图片啊！三个部分全float：left就行了，然后控制一下线的位置

一个可以用border来做，还有就是美工用图片加样式

给你说几个简单的，
1.


2.用div的border属性
3.用div的outline属性
4.用图片repeat-x
5.只用一张img
6.div背景
反正很多，你可以选择适合现阶段的方案。

f12看下源码，然后注意下css就可以了。

javascript

这个属性试试？

 <fieldset>
                            <legend></legend>
    </fieldset>