html中一个div中每行文字都有虚线怎么写,怎么定义每一行的文字下面都有下划线虚线?_html/css_WEB-ITnose...

5268f80b9b1e01f982625ef6fac83ca1.png

一个div里面,有很多文字,会自动分行显示。

我希望每行文字的下面都有下划线,且是虚线。

如何设置?

内容内容内容内容内容内容内容内容内容内容

回复讨论(解决方案)

注意:

效果要像信纸一样。

即使我文字不足一行,我依然希望每一行的下滑线都充满一行。

border-bottom:1px dashed red;

定义好DIV的宽度, 内容不够也会用下滑线

star

内容内容内容内容内容内容内容内容内容内容内容

我的意思是:文字的每一行都要显示虚线下划线啊。

而不是div本身的下划线

xxxx

-----------------------------------------------------------------

做一个虚线背景,高度和DIV行距保持一致,比如28px; 虚线背景宽度可以比DIV的宽度大一些。

你硬要的话就用text-decoration:去设置吧

你硬要的话就用text-decoration:去设置吧

那是实线,不是虚线。

气死了 没想起来 ps去吧

用背景图实现吧

注意:

效果要像信纸一样。

即使我文字不足一行,我依然希望每一行的下滑线都充满一行。

我的意思是:文字的每一行都要显示虚线下划线啊。

而不是div本身的下划线

看到你在1楼的声明,我很赞同2楼朋友提的方法“border-bottom:1px dashed red;”

不然要怎么做到,文字不足一行,仍然要每一行都显示下滑线呢? 即使有其它方法实现,应该也是直接设置边框下样式更直接些吧

直接用背景图实现

用背景吧.控制好高和行高.

我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜

我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜

我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜我是于娜

&l;tabbr title="">sdfsdsdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值