方法和详细的操作步骤如下：
1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。
2、第二步， 执行完上面的操作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。
3、第三步， 执行完上面的操作之后，border-bottom: #FF0000 2px solid ； 将边框大小设置为2PX红色边框，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。
试试如下代码:<div id="cont" style="filter:glow(color:#DD002C,strength=3)height:12pxcolor:#ffffff">发光字就这么简单</div>
<script language=javascript>
istr="哈哈哈，走马灯，发光字，全来到,"
ostr="<h6><table></tr>"
for(i=0i<istr.lengthi++){
ostr=ostr+"<td id='c"+i+"' style='filter:glow(color:#DD002C,strength=5)height:12pxcolor:#fffffffont-size:36.0ptfont-family:宋体'>"+istr.substr(i,1)+"</td>"
}
ostr=ostr+"</tr></table>"
document.getElementById("cont").innerHTML=ostr
function flash(){
var col=new Array("#000088","#0000ff","#008800","#0088ff","#00ffff","#ff0000","#ff0088","#ff00ff","#ff8800","#fff8888","#ffff00","#ffff88")
for(i=0i<istr.lengthi++){
document.getElementById("c"+i).filters.item("glow").color=col[Math.floor(11*Math.random())]
}
for(i=0i<istr.length-1i++){
document.getElementById("c"+i).innerHTML=document.getElementById("c"+(i+1)).innerHTML
}
document.getElementById("c"+i).innerHTML=document.getElementById("c0").innerHTML
}
setInterval("flash()",500)
</script>
