CSS中实现边框虚线效果，是一种常用的设计风格，可以使网页更加美观。它可以在边框、表格、表单等元素上应用，使用方法也非常简单。
我们可以使用CSS的border-style属性来实现边框虚线效果，该属性的值有dotted（点状）、dashed（虚线）、solid（实线）等，比如：
div {
border-style: dashed;
}
还可以使用CSS的border-image属性来实现边框虚线效果，该属性的值为一个图片地址，比如：
div {
border-image: url(border.png);
}
使用border-image属性，可以实现更多更复杂的边框虚线效果，比如：
示例代码：
div {
border-image-slice: 10;
border-image-width: 10px;
border-image-repeat: round;
border-image-outset: 10px;
border-image-source: url(border.png);
}
边框虚线效果可以用来分隔不同的内容，也可以用来突出重要的内容，应用示例有：
CSS中实现边框虚线效果是一种很常用的设计手段，可以使网页更加美观，使用起来也非常方便。
本文链接：http://task.lmcjl.com/news/12846.html