关于css中下划线的用法

显示全部楼层 · 2009-3-9 11:03:44

要说事情是这样的,用text-decoration
----------------------------------
设置下划线后的文本显示就是这个样的
----------------------------------
有多少字就多长的下划线
----------------------
我希望文本的情况是这样的,就是我那行
-----------------------------------
就算没有全部填充字符,他的后面也能有
-----------------------------------
下划线,就像这样
-----------------------------------
希望大家能看懂...
我在玩禅意花园,所以不能改动html代码,背景图片已经设置了一张了,所以也不能再用背景图片了(可两张吗?不清楚诶)...

千问 · 2009-3-9 11:03:44

文本没有换行，那就用border-bottom设置一个下面的边框，当然，你得控制这个div的padding来控制下划线与文本的距离。如果文本有换行，那这个div得设置background，用一个线的图片作为背景平铺。比方字号是12px，行高是20px，那么这个图片就要做成高度也是20px。理解吗？...

千问 · 2009-3-9 11:03:44

那个应该是不行的，因为样式本身就需要在存在对象的基础上才能套用并显示，如果没有字符，那么何来样式呢？我看你的意思好像是想做一个固定不变的横线么？那个应该是用在表格上面的，设置一下border属性，上左下都是0 下面有宽度，然后在设置一下border 的样式就可以了。===========================================...

千问 · 2009-3-9 11:03:44

那就用border-bottom就行了像这样：#a{border-bottom:1px #333 solid;}这样就可以占满一行了...

千问 · 2009-3-9 11:03:44

好像不可以,不过可以考虑一下用背景图片来实现你的功能...