html中如何实现下面的这种分割线效果?(图)求大神解答~~

2024-11-04 01:04:45
推荐回答(4个)
回答1:

这个应该不是分割线。

如果是两条分割线,设置属性display:inline-block.
例子:

//设置居中

中间插入的文字

回答2:

div设置一个直线背景图片,文字居中,内部一个span,背景白色,加点内边距。

或者
一个大div相对定位,内两个div,一个2px高设背景为线条颜色,一个设置最小宽度背景白色绝对定位

回答3:

这种的还是用个图片好,做个背景透明的就行了

用CSS也可以,不过要用到定位,很容易出现问题,还不如直接用个图片呢

回答4:

最基本的:



可以给hr 加用width长度的 然后左右浮动