直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。

none 定义无边框。

hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。

dotted 定义点状边框。在大多数浏览器中呈现为实线。

dashed 定义虚线。在大多数浏览器中呈现为实线。

solid 定义实线。

double 定义双线。双线的宽度等于 border-width 的值。

groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。

ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。

inset 定义 3D inset 边框。其效果取决于 border-color 的值。

outset 定义 3D outset 边框。其效果取决于 border-color 的值。

inherit 规定应该从父元素继承边框样式。

示例代码如下：

简写属性样式：

border-bottom:1px dashed #000;　这里的意思就是1px宽度的黑色虚线下边框。看起来就跟下划线一样的效果。

常规样式：

border-bottom-style 设置元素下边框的样式，只有当这个值不是 none 时边框才可能出现。

赋值

border-bottom-style:none

border-bottom-style:dotted

border-bottom-style:dashed

border-bottom-style:solid

border-bottom-style:double

border-bottom-style:groove

border-bottom-style:ridge

border-bottom-style:inset

border-bottom-style:outset

border-bottom 简写属性把下边框的所有属性设置到一个声明中。

可以按顺序设置如下属性：

border-bottom-width 规定下边框的宽度。

border-bottom-style 规定下边框的样式。

border-bottom-color 规定下边框的颜色。

如果不设置其中的某个值，也不会出问题，比如 border-bottom:solid #ff0000; 也是允许的。

案例：

<div class="module cl xl xl1">

<ul>

[loop]

<li style="height:32px; border-bottom:1px dashed #aaaaaa; "><a href="{url}" title="{title}"{target}>{title}</a></li>

[/loop]

</ul>

</div>