需要准备的材料分别有:电脑、浏览器、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实现了垂直的点虚线。
Css只有一个hr标签可以生成水平线,如果要插入垂直虚线的话,只需要在左右边框定义宽度和样式即可。即如下样式(dashed是虚线样式):
border-left:1px dashed blue