怎么在html代码中画虚线

怎么在html代码中画虚线,第1张

你可以参考 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规定应该从父元素继承边框样式。

你可以用<u></u>,如果下划线的长度不够的话,你可以加几个空格来代表字,这样就有下划线了,如果不行,那你就只能是加表格啦,然后设置表格的属性<table valign="bottom"></table>这个我也没做过,你自己试试看吧。

使用JavaScript写一段document.write单元格的循环程序。首先将程序列出来:

<script>len=400d1=2d2=2cou=Math.floor(len/(d1+d2))

document.write('<table cellspacing=0 cellpadding=0 height=1 width='+len+'><tr>')

for(i=0i<coui++){document.write('<td width='+d2+'><td width='+d1+' bgcolor=333333>')}</script></table>

说明:len=400表示虚线的长度为400像素,d1和d2是黑白相间的间隔,cou=Math.floor(len/(d1+d2)),cou表示总共要循环的次数。例如这里是400像素的虚线,黑色点和白色的点都是2像素,那么就要循环100次。由这200个单元格组成一条虚线。

改变虚线的长度,请修改len=400的值;

改变虚线的颜色,请修改bgcolor=333333的值;

改变虚线的高度,请修改height=1的值;

改变虚线的密度,请修改d1和d2的值。


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

原文地址:https://54852.com/zaji/6292343.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存