求html文字加双删除线

zhangchuanfu 2011-03-07 04:51:47
如题,求如何在文本上加双删除线
...全文
1070 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhangchuanfu 2011-03-07
  • 打赏
  • 举报
回复
[Quote=引用 12 楼 luxu001207 的回复:]
CSDN里加好友的比较多,我还没研究过怎么用

我都是随手点了通过就没管了
[/Quote]
哦,这样啊,我弄出来了,但是换行就没有线了 <del style="background:url(line.png) left 4px repeat-x repeat-x;">你好大额</del>
Atai-Lu 2011-03-07
  • 打赏
  • 举报
回复
CSDN里加好友的比较多,我还没研究过怎么用

我都是随手点了通过就没管了
zhangchuanfu 2011-03-07
  • 打赏
  • 举报
回复
[Quote=引用 10 楼 luxu001207 的回复:]
引用 8 楼 zhangchuanfu 的回复:
我这怎么没反应呢,能加个好友不


background:url(ddddddddd.jpg) left -10px repeat-x;

红色部分你是不是没修改???

这个值要看你的线在图片中的位置而定的,你要调节这个值
[/Quote]
那里我没改,我加你好友了,你加下我QQ呗,发给你了,谢谢了
Atai-Lu 2011-03-07
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 zhangchuanfu 的回复:]
我这怎么没反应呢,能加个好友不
[/Quote]

background:url(ddddddddd.jpg) left -10px repeat-x;

红色部分你是不是没修改???

这个值要看你的线在图片中的位置而定的,你要调节这个值
zhangchuanfu 2011-03-07
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 luxu001207 的回复:]
HTML code

<del style="background:url(ddddddddd.jpg) left -10px repeat-x;">双删除线</del>


可以试试这种方法

ddddddddd.jpg这张图只有一条黑线,用来做背景图

然后通过对背景图的定位来调整这条线在文字上的位置,再加上del原本的线,看起来就是双删除线的效果了
[/Quote]

我这怎么没反应呢,能加个好友不
Atai-Lu 2011-03-07
  • 打赏
  • 举报
回复
这种方法比前面我说的两种方式都要简单很多,我这里已经试过了,可行
Atai-Lu 2011-03-07
  • 打赏
  • 举报
回复

<del style="background:url(ddddddddd.jpg) left -10px repeat-x;">双删除线</del>

可以试试这种方法

ddddddddd.jpg这张图只有一条黑线,用来做背景图

然后通过对背景图的定位来调整这条线在文字上的位置,再加上del原本的线,看起来就是双删除线的效果了
zhangchuanfu 2011-03-07
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 luxu001207 的回复:]
<del style="display:block;width:100%;position:relative;font-size:36px;height:50px;line-height:50px;"><del style="z-index:9;position:absolute;left:0;top:-5px;display:block;width:100%;font-size:36px;">&……
[/Quote]
这个方法确实好使,就是线的长度必须加入空格才能出现,这样太麻烦了,你后说的border没太懂
Atai-Lu 2011-03-07
  • 打赏
  • 举报
回复
<del style="display:block;width:100%;position:relative;font-size:36px;height:50px;line-height:50px;"><del style="z-index:9;position:absolute;left:0;top:-5px;display:block;width:100%;font-size:36px;">    </del>双删除线</del>

不过这个方法好麻烦
建议你还是弄个标签只要顶部和底部的border,然后通过定位,定到文字的上边好了
zhangchuanfu 2011-03-07
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 luxu001207 的回复:]
你先加一个删除线,然后里边再套一个删除线,用position去定位,让两个删除线不重合在一起就可以了
[/Quote]
你这个确定可以用,我加了position没反应
zhangchuanfu 2011-03-07
  • 打赏
  • 举报
回复
能否给段代码?
Atai-Lu 2011-03-07
  • 打赏
  • 举报
回复
你先加一个删除线,然后里边再套一个删除线,用position去定位,让两个删除线不重合在一起就可以了

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧