1、查询Word使用手册可知，打开需要添加虚线页码的文档。
2、在文档底部插入一个分隔符，方法是点击页面底部的“分隔符”按钮（在Word中为“插入”选项卡上的“分隔符”按钮）。
3、在分隔符下方插入一个文本框（在Word中为“插入”选项卡上的“文本框”按钮）。
4、在文本框中输入所需的页码。
5、选择文本框并打开“格式形状”选项卡。
6、在“线条样式”下拉菜单中选择所需的虚线样式。
7、调整虚线的颜色、粗细和长度等属性，直到符合您的要求即可。
具体有两种方法：
1、画虚线的图，然后插入网页中。缺点是这个虚线不能随意变动大小，因为拉伸图片会产生失真。
2、编程<div style="width:200pxheight:0pxborder-top:1px black dashed" />。缺点，不能改变方向。
还可以用svg，可以随意改变大小，粗细，方向，例子如下：
<html>
<head>
</head>
</head>
<body>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
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="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(0,-552.36218)"
id="layer1">
<path
d="m 68.571428,651.6479 239.999992,0"
id="path2985"
style="fill:nonestroke:#000000stroke-width:1stroke-linecap:buttstroke-linejoin:miterstroke-miterlimit:4stroke-opacity:1stroke-dasharray:1, 3stroke-dashoffset:0" />
</g>
</body>
</html>
缺点是不能直接在IE里用，火狐、Chrome等都没问题。
1、打开html开发工具，新建一个html代码页面，然后创建一个<div>标签，并给这个标签添加文字和一个class为了dashed。创建<div>代码:<div class="dashed">dashed: 定义一个虚线边框</div>
2、设置虚线边框。创建<style>标签，然后在这个标签里设置dashed类的样式为虚线边框。css样式代码：<style type="text/css">.dashed{border-style:dashedborder-width:1px</style>
3、保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）