a标签下划线的距离问题[通俗易懂]

a标签下划线的距离问题[通俗易懂]需求a标签下划线距离太接近了,需要调整一下页面代码<pclass=”text_align_r”><spanclass=”ordersave_info”><s:textname=”order_submited_tip”/></span><ahref=”/to_be_signed.html”><s:textname=”order_submited_a_tip”/></a></p&

大家好,又见面了,我是你们的朋友全栈君。

需求

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标签下划线的距离问题[通俗易懂]

如果用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标签下划线的距离问题[通俗易懂]

我们改为底部用边框线代替下划线 

<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://javaforall.net/133888.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • J1939广播DM1报文

    J1939广播DM1报文一、DM1报文1,SAEJ1939-21(参考5.2)对CANID进行了重新划分,加上8个字节的数据域,构成了J1939的协议数据单元(ProtocolDataUnit,PDU)。SAEJ1939-73(参考5.7.1)中定义了DM1的优先级为6,PGN(参数组数编号)为65226(00FECA),所以源地址为0x41的DM1ID为18FECA41。2,假设源地址为0x41的节点,存在两个现行故障,故障的SPN,FMI分别为(521132,1),(521008,3),按照DTC结构

    2022年6月2日
    255
  • 百度网盘网页版加速播放(有可用的网站吗)

    源码名称:百度网盘解析加速工具网页版源码环境:PHP7+MySQL源码功能:通过curl获取网盘文件信息,处理后显示在网页中。通过api接口以及SVIP账号的Cookie(BDUSS)获取高速下载链接。本质就是用会员账号获取下载地址并发送给访客。首先下载项目文件。然后访问install.php文件并填写相关信息进行安装。如果使用数据库,则需要先点击检查数据库连接连接数据库,保证账号密码正确。最后点击提交即可。安装完成后可直接使用,站长可进入sett

    2022年4月16日
    54
  • idea安装教程csdn_灯具安装教程

    idea安装教程csdn_灯具安装教程一、下载百度搜索“idea下载”后点进下载网页,如图示直接点击右手边黑色的下载,其余不动二、安装下载完成后建议即刻打开运行,一路next到安装路径,尽量选择C盘以外的盘(这里我想说懂的都懂,不懂就按着做),如果不知道放哪个文件夹可新建个soft专门放应用完成后继续next,第一个32/64按照自己系统类型选择(右击此电脑,点击属性,在关于界面的设备规格里可查看),这里直接勾选64即可。其余都可不选。后面继续next和install加载完成后勾选运行,再点击结…

    2022年10月2日
    3
  • shell编程入门_unix编程

    shell编程入门_unix编程1.Shell的概念shell是一个命令行解释器,它为客户提供了一个Linux内核发送请求一边运行程序界面系统级程序,用汉语可以通过shell启动、挂起、停止甚至编写一些程序。shell还是一个功能强大的编程语言,易于编辑,易于调试,灵活性强,shell是结识知识性的脚本语言,在我们shell中直接调用Linux的系统命令操作即可。2.Shell的分类(1)BourneShell(bshell)从1979年在unix系统就开始使用了。它的主要…

    2025年6月19日
    2
  • java删除文件和文件夹[通俗易懂]

    java删除文件和文件夹[通俗易懂]packagetest816;importjava.io.File;/*****删除文件或目录**@authorkempE-mail:572068511@qq.com*@version2018-8-16*@seejava.lang.Class*@sinceJDK1.8*/publicclassDeleteFile…

    2022年6月12日
    35
  • 十大经典排序算法+sort排序

    十大经典排序算法+sort排序本文转自:"十大经典排序算法",其中有动图+代码详解,本文简单介绍+个人理解。排序算法经典的算法问题,也是面试过程中经常被问到的问题。排序算法简单分类如下:这些排序算法的

    2022年7月4日
    22

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号