DIV+CSS 如何给字体加下划线、删除线、上划线

经常写报告的同学们可以比较熟悉下划线、删除线、上划线,这些效果样式不仅容易让阅读者注意到,更能直观的理解含义。那么我们该如何实现呢?废话不多说,直接上代码:


<style> 
.divcssx{text-decoration:underline} /* underline下划线 */ 
.divcssx_1{text-decoration:line-through} /* line-through删除线贯穿线 */ 
.divcssx_2{text-decoration:overline} /* overline上划线 */ 
</style> 
<div class="divcssx">我是下划线</div>  
<div class="divcssx_1">我是删除线</div>  
<div class="divcssx_2">我是上划线</div>

我们来看看显示效果如何:

我是下划线
我是删除线
我是上划线