div-css盒子怎么在里面添加虚线?

div-css盒子怎么在里面添加虚线?,第1张

那就看你要怎么去实现这个虚线了,比如实现虚线的方式有用div,有hr水平线方式。\x0d\x0adiv的方式就可以这样写: border-top:1px #ccc dashed,只留一条边可见,其它边不可见,虚线的属性是 dashed\x0d\x0a如果你用hr实现也是可以的,同样也可以在样式里写 dashed属性值\x0d\x0a这样就实现虚线了。

已知的方式有2种(纯样式):

1.用标签(div、span这些标签都可以)的边框线设置虚线来实现,比如在需要的位置插入div然后设置border-top(或者border-bottom):1px dashed #e5e5e5(3个属性分别表示:1像素的边宽 虚线 颜色);

2.用hr,不过因为实现方式和方式一一样,比如:<hr style="height:1pxborder:noneborder-top:1px dashed #e5e5e5" />,但是这个标签在H5种已经被淘汰了,完全可以靠第一种来实现。第二种就当做是知识扩展

DIV CSS文字删除线贯穿线添加方法如下:

1、先打开sublime_text软件,然后新建一个09.html。

2、建好09.html后,在里面定义一个html5标准声明。

3、然后在里面输入html网页的结构。

4、在输入html网页的结构中找到一个叫body标签,在body标签中添加文字。

5、添加好文字后,给p标签添加一个删除线样式。

6、运行网页,查看结果,可以看到删除线已添加好了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11610970.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存