CSS高手进 [复制链接]
查看:96 | 回复:13

我心碎不了 · 发表于 2012-11-3 16:45:44

这样的效果怎样用纯CSS实现？有木有好的思路。
主要就是线条如何弄。。。
求助

zzzu · 发表于 2012-11-3 16:47:31

用a:hover

ericls · 发表于 2012-11-3 16:48:09

border-bottom:solid #000 5px;

ccc · 发表于 2012-11-3 16:49:48

不懂帮顶

我心碎不了 · 发表于 2012-11-3 16:50:18

ericls 发表于 2012-11-3 16:48

border-bottom:solid #000 5px;
大哥看清楚一个线条两个颜色。。。

mix · 发表于 2012-11-3 16:48:00

我心碎不了发表于 2012-11-3 16:50

大哥看清楚一个线条两个颜色。。。
hover

郎郎中 · 发表于 2012-11-3 16:54:22

[ol]

html{

font-size:24px;

font-family:微软雅黑;

}

.h{

color:#000;

border-bottom:8px solid #000;

}

.hh{

color:#ccc;

border-bottom:8px solid #ccc;

}

文字测试文字测试

[/ol]复制代码http://uri.sh/2.html

zzzu · 发表于 2012-11-3 16:50:00

郎郎中发表于 2012-11-3 16:59

http://uri.sh/2.html
郎中sb.....没看人家要的不是这效果

郎郎中 · 发表于 2012-11-3 16:59:17

zzzu 发表于 2012-11-3 17:02

郎中sb.....没看人家要的不是这效果
那是要什么效果啊

麦子花开西门 · 发表于 2012-11-3 17:02:32

你非得一条线啊，不会两条线拼啊不知道LZ是不是要做标题和副标题的效果。
下面边线最好还是用边框来做，实现方法如下：
1、负边距；
2、浮动；
3、定位。
希望帮LZ扩宽思路。我会选择第一种