大家好，又见面了，我是你们的朋友全栈君。
需求
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标签下划线的距离问题[通俗易懂]](https://img-blog.csdnimg.cn/202008291049473.png)
![a标签下划线的距离问题[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
如果用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>
![a标签下划线的距离问题[通俗易懂]](https://img-blog.csdnimg.cn/20200829105254451.png)
我们改为底部用边框线代替下划线
<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>
![a标签下划线的距离问题[通俗易懂]](https://img-blog.csdnimg.cn/2020082910542579.png)
完美
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/133888.html原文链接：https://javaforall.net
