需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：div {height:60pxborder-bottom:1px dashed}。
3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
Html代码：<body>
<div id="left">
左水平线
</div>
<div id="right">
右水平线
</div>
</body>
css代码：
<style type="text/css">
#left{
border-bottom:solid #999999 2px
margin-left:20%}
#right{
border-bottom:solid #999999 2px
margin-right:30%}
</style>
说明:其实水平线制作方法我也不是很清楚，我这个是用div做的，能到达你说的效果，但是我觉得应该还有更简单的办法！！知道了给我说哟，大家相互学习！
