2 yunzhonghe105 yunzhonghe105 于 2017.01.11 14:26 提问

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

图片说明

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

10个回答

My_dream014
My_dream014   2017.01.11 15:07
已采纳

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

baidu_24736703
baidu_24736703   2017.01.11 14:31

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

qq_35235940
qq_35235940   2017.01.11 14:35

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



那个符号一般都是一张图定位的,或者调的控件
xgy667788
xgy667788   2017.01.11 14:46

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

u010715243
u010715243   2017.01.11 15:23

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

qq_33528249
qq_33528249   2017.01.11 16:07

给你说几个简单的,
1.



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

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

q34323201
q34323201   2017.01.11 16:50

javascript

liujian573281
liujian573281   2017.01.11 17:34

这个属性试试?

liujian573281
liujian573281   2017.01.11 17:38
 <fieldset>
                            <legend></legend>
    </fieldset>
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!