![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
CSS中dashed和dotted区别如下：
1、组成虚线的方式不同：
两者在CSS中都是“虚线”。其中dashed来自 dash（破折号），由一个个破折号组成的虚线。dotted：来自 dot（点），由一个个点组成的虚线，也称点线。
2、在IE6.0中的表现区别：
在IE6.0中，宽度为1px的dotted和宽度为1px的dashed一样，表现为破折号组成的虚线。当宽度大于1px时，dotted表现为点组成的虚线。
3、在IE7.0中表现区别：
在IE7.0中，如果有4条1px宽度的边和其它任意数值宽度的边同时存在时，1px的dotted表现的和dashed一样，改变上述条件则表现为点组成的虚线。
参考资料来源：百度百科-CSS border-style
border线型主要有：1、dotted【点状】
2、solid【实线】
3、double【双实线】
4、dashed【虚线】
实例一：如果一个CSS这样写：border-style:dotted solid double dashed出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边框是虚线
实例二：如果一个CSS这样写：border-bottom:1px dashed #000000出来的框就是：一条宽度为1像素的黑色下划虚线。
以此类推。多试试就知道什么效果了哦。
1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。具体的设置方法，首先新建一个html文件，在文件内写入一个div标签，给它一个class属性demo：
2、设置demo的class样式，这里给demo一个宽度，表示点划线的长度，高度设为0，然后设置border-bottom的属性的边框样式为dashed点划线，宽度为5px，颜色为黑色，这样就设置好了：
3、打来浏览器，可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程：
![JS正则：'abc01'.match(^(abc[d]+))为什么返回两个值？](/aiimages/JS%E6%AD%A3%E5%88%99%EF%BC%9A%26%23039%3Babc01%26%23039%3B.match%28%5E%28abc%5Bd%5D%2B%29%29%E4%B8%BA%E4%BB%80%E4%B9%88%E8%BF%94%E5%9B%9E%E4%B8%A4%E4%B8%AA%E5%80%BC%EF%BC%9F.png)
![你有《[韩顺平]轻松搞定网页设计(html+css+js)》的教程吗，给我一份好吗，感激不尽](/aiimages/%E4%BD%A0%E6%9C%89%E3%80%8A%5B%E9%9F%A9%E9%A1%BA%E5%B9%B3%5D%E8%BD%BB%E6%9D%BE%E6%90%9E%E5%AE%9A%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%28html%2Bcss%2Bjs%29%E3%80%8B%E7%9A%84%E6%95%99%E7%A8%8B%E5%90%97%EF%BC%8C%E7%BB%99%E6%88%91%E4%B8%80%E4%BB%BD%E5%A5%BD%E5%90%97%EF%BC%8C%E6%84%9F%E6%BF%80%E4%B8%8D%E5%B0%BD.png)
