在html中我要打出一条虚线怎么写?

在html中我要打出一条虚线怎么写?,第1张

具体有两种方法:

1、画虚线的图,然后插入网页中。缺点是这个虚线不能随意变动大小,因为拉伸会产生失真。

2、编程<div style="width:200px;height:0px;border-top:1px black dashed;" />。缺点,不能改变方向。

还可以用svg,可以随意改变大小,粗细,方向,例子如下:

<html>

<head>

</head>

</head>

<body>

<svg

xmlns:dc=">

xmlns:cc=">

xmlns:rdf=">

xmlns:svg=">

xmlns=">

version="11"

width="500"

height="500"

id="svg2">

<defs

id="defs4" />

<metadata

id="metadata7">

<rdf:RDF>

<cc:Work

rdf:about="">

<dc:format>image/svg+xml</dc:format>

<dc:type

rdf:resource=">

<dc:title></dc:title>

</cc:Work>

</rdf:RDF>

</metadata>

<g

transform="translate(0,-55236218)"

id="layer1">

<path

d="m 68571428,6516479 239999992,0"

id="path2985"

style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1, 3;stroke-dashoffset:0" />

</g>

</body>

</html>

缺点是不能直接在IE里用,火狐、Chrome等都没问题。

目测排法就不对。正常来说ID,文字框连成一个。

看这个,外围还一有一个框,是文本绕图了,取消就行了。

或者选取这个文本框,按ALT,双击鼠标,如图。

除了这些方法外还可以用canvas画虚线。
直接用的时候可以考虑用背景,这样就可以使用背景的repeat方式无限延长。
无论是用border还是都可以使用css3的transform属性设置方向和其他变形。
使用svg或canvas都可以更灵活改变虚线的方向等显示方式。
如果要考虑兼容低版本IE浏览器,当然是用border属性或背景兼容性最好,其他方式都需要另外引用js才能兼容。

在百度输入法中输入国旗并且找到该图标,然后在王者荣耀名字中连续输入2个国旗图标,出现四个字母,删掉任何一个就可以出现空白名字了;使用搜狗输入法在对话框中先输入v,再输入1,接着输入d,这时候可以看到对度话框中有一个看不到的空白框。

王者荣耀透明名字符号设置技巧:

方法一:

1、请先为手机下载百度输入法,这个是比较多人用来打透明名字的;

2、输入“国旗”并且找到国旗图标;

3、在王者荣耀名字中连续输入2个国旗图标,然后会出现四个字母;

4、这时候你只要删掉一个基本就可以出现空白名字了,不行的话多换几个国旗组合试试。

方法二:

1、首先先调出搜狗输入法。

2、在对话框中先输入v;

3、输入v以后再输入1;

4、输入1以后在输入d;

5、这时候我们可以看到对度话框中有一个看不到的空白框。


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

原文地址: http://outofmemory.cn/yw/12643364.html

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

发表评论

登录后才能评论

评论列表(0条)

保存