如何将链接的下划线做成虚线？

<style type="text/css">
<!--
a.texta {
 text-decoration:none;
 border-bottom:1px dashed #ccc;
 color:#c00;
}
a.texta:hover {
 border-bottom:1px solid #c00;
 color:#666;
}

a.textb {
 text-decoration:none;
 border-bottom:1px dashed #ccc;
 color:#069;
}
a.textb:hover {
 border-bottom:1px dashed #c00;
 color:#000;
}
-->
</style>
<a href="http://www.lanrentuku.com/" class="texta">www.lanrentuku.com</a><br /><br />
<a href="http://www.lanrentuku.com/" class="textb">www.lanrentuku.com</a>