需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div {margin-left: 100pxborder-right:1px dashed blackheight:150pxwidth:1px}
3、浏览器运行index.html页面，此时成功用css和div实现了垂直的点虚线。
下面就一个简单的盒子为例：如图
border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。
宽度即为边框宽度。
样式有如图：
颜色忽略，如有不清楚的可以参见w3school教程http://www.w3school.com.cn/css/css_border.asp
望采纳
