在html中我要打出一条虚线的方法有哪些?

在html中我要打出一条虚线的方法有哪些?,第1张

除了这些方法外还可以用canvas画虚线

直接用图片的时候可以考虑用背景图片,这样就可以使用背景的repeat方式无限延长。

无论是用border还是图片都可以使用css3的transform属性设置方向和其他变形。

使用svg或canvas都可以更灵活改变虚线的方向等显示方式。

如果要考虑兼容低版本IE浏览器,当然是用border属性或图片背景兼容性最好,其他方式都需要另外引用js才能兼容。

你可以参考 border-style 的属性 。用hr 标记 border的属性为虚线就可以了

<hr style="border:1px dashed #ff0000"/>

或者更多专爨业解答前端学xí群 497187010

none定义边框

hidden与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。

dotted定义点状边框。在大多数浏览器中呈现为实线。

dashed定义虚线。在大多数浏览器中呈现为实线。

solid定义实线。

douВLe定义双线。双线的宽度等于 border-width 的值。

groove定义 3D 凹槽边框。其效果取决于 border-color 的值。

ridge定义 3D 垄状边框。其效果取决于 border-color 的值。

inset定义 3D inset 边框。其效果取决于 border-color 的值。

outset定义 3D outset 边框。其效果取决于 border-color 的值。

inherit规定应该从父元素继承边框样式。


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

原文地址: http://outofmemory.cn/zaji/6231565.html

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

发表评论

登录后才能评论

评论列表(0条)

保存