需求
a标签下划线距离太接近了,需要调整一下
页面代码
<p class="text_align_r"> <span class="ordersave_info"> <s:text name="order_submited_tip"/></span> <a href="/to_be_signed.html"><s:text name="order_submited_a_tip"/></a> </p>
需要的效果
如果用a标签自己的下划线,效果如下
<p class="text_align_r"> <span class="ordersave_info"> <s:text name="order_submited_tip"/></span> <a style="color: blue;text-decoration: underline; font-size: 15px;" href="/to_be_signed.html"><s:text name="order_submited_a_tip"/></a> </p>
我们改为底部用边框线代替下划线
<p class="text_align_r"> <span class="ordersave_info"> <s:text name="order_submited_tip"/></span> <a style="color: blue;border-bottom: 1px solid; font-size: 15px;" href="/to_be_signed.html"><s:text name="order_submited_a_tip"/></a> </p>
完美