CSS dashed和dotted的区别

html-css010

CSS dashed和dotted的区别,第1张

CSS dashed和dotted的区别的总结如下：从字面上来理解，dashed 和 dotted 都是指“虚线”，他们的不同在于：dashed：来自 dash（破折号），由 dash 组成的虚线，也成短线dotted：来自 dot （点），由 dot 组成的虚线，也称点线二者运行的效果：dotted line是点线，效果如下： ...........................................dashedline是短线，效果如下：----------------------------------------

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：div {height:60pxborder-bottom:1px dashed}。

3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。