标签，并给这个标签添加文字和一个class为了dashed。创建
代码:
dashed: 定义一个虚线边框
2、设置虚线边框。创建
标签，然后在这个标签里设置dashed类的样式为虚线边框。css样式代码：<style type="text/css">.dashed{border-style:dashedborder-width:1px
3、保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：div {height:60pxborder-bottom:1px dashed}。
3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下：
border-bottom:1px dashed #000这里的意思就是1px宽度的黑色虚线下边框。看起来就跟下划线一样的效果。
