请问一下网页中的圆点虚线用CSS怎么做？

html-css020

请问一下网页中的圆点虚线用CSS怎么做？,第1张

border线型主要有：

1、dotted【点状】

2、solid【实线】

3、double【双实线】

4、dashed【虚线】

实例一：如果一个CSS这样写：border-style:dotted solid double dashed出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边框是虚线

实例二：如果一个CSS这样写：border-bottom:1px dashed #000000出来的框就是：一条宽度为1像素的黑色下划虚线。

以此类推。多试试就知道什么效果了哦。

这个没法设置,想设置圆点之间的距离的话要么就用ps去作图,然后使用background属性,使虚线位于下方.如果你去纠结圆点虚线直接的距离的话,直接border:1px dotted #ccc搞定

可以写一套兼容性的写法，区分IE9+ 或 IE9-

IE9- 的浏览器需要一个插件，你百度搜 “ie-css3.htc”这个，它可以实现圆角、阴影、渐变的属性

那么开始，先建立高和宽100px的容器

<div class="radius_50 ie8_7_6"></div>

/*css style*/

.radius_50 {width:100pxheight:100pxborder-radius:50px-moz-border-radius:50px-webkit-border-radius:50pxoverflow:hiddenborder:2px #000000 dashed}

.ie8_7_6 {behavior: url(/ie-css3.htc)}