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代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
那就看你要怎么去实现这个虚线了，比如实现虚线的方式有用div，有hr水平线方式。\x0d\x0adiv的方式就可以这样写： border-top:1px #ccc dashed，只留一条边可见，其它边不可见，虚线的属性是 dashed\x0d\x0a如果你用hr实现也是可以的，同样也可以在样式里写 dashed属性值\x0d\x0a这样就实现虚线了。在html并没有直接定义虚线的标签。这时候就需要使用其他方法得到。 具体方法是：我们知道在html中标签的边框可以设置为虚线。所以可以先创建一个标签： 。然后将该边框的高度设置为0，将上边框或者下边框其中一个设置为一个像素的虚线。
