如何从HyperLink中删除下划线?

时间:2020-07-10 05:47:58

标签: html css

我正在尝试创建具有网站链接的电子邮件签名。但是,该链接显示为带下划线的。我尝试了许多选项来删除网站链接中的下划线,但失败了。有解决这个问题的想法吗?

<html>
  <head>
    <title>Email Signature</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  </head>
  <body>
    <table
      style="
        width: 424px;
        font-size: 10pt;
        font-family: Arial, sans-serif;
        line-height: normal;
      "
      cellpadding="0"
      cellspacing="0"
      border="0"
    >
      <tbody>
        <tr>
          <td
            style="padding-right: 15px; border-right: 1px solid #317a00;"
            width="150"
            style="width: 150px; vertical-align: top;"
            valign="top"
            align="center"
          >
            <a href="{logoURL}" target="_blank"
              ><img
                width="81"
                border="0"
                alt="Logo"
                style="border: 0; max-width: 150px;"
                src="logo.png"
            /></a>
          </td>

          <td
            style="padding-left: 15px; vertical-align: top; font-size: 9pt;"
            valign="top"
          >
            <strong
              style="
                font-size: 10pt;
                font-family: Arial, sans-serif;
                color: #317a00;
              "
              >{firstName} {lastName}</strong
            ><br />
            <span
              style="
                font-size: 10pt;
                font-family: Arial, sans-serif;
                color: #000000;
                padding-bottom: 5px;
              "
              >{title}</span
            ><br />

            <br />

            <span style="font-family: Arial, sans-serif; color: #000000;"
              ><span style="font-weight: bold; color: #317a00;">T: </span
              >{phone}<br
            /></span>
            <span style="font-family: Arial, sans-serif; color: #000000;"
              ><span style="font-weight: bold; color: #317a00;">M: </span
              >{mobile}<br
            /></span>
            <span style="font-family: Arial, sans-serif; color: #000000;"
              ><span style="font-weight: bold; color: #317a00;">E: </span
              >{email}<br
            /></span>

            <br /><span
              ng-if="showField('company')"
              style="
                font-size: 9pt;
                font-family: Arial, sans-serif;
                color: #000000;
              "
              >{company}</span
            >

            <br /><br />
          </td>
        </tr>

        <tr>
          <td align="center" style="border-right: 1px solid #317a00;">
            <a href="{instagramURL}" target="_blank"
              ><img
                alt="Instagram icon"
                border="0"
                width="18"
                height="18"
                style="border: 0; height: 18px; width: 18px;"
                src="it.png" /></a
            >&nbsp;
            <a href="{pinterestURL}" target="_blank"
              ><img
                alt="Pinterest icon"
                border="0"
                width="18"
                height="18"
                style="border: 0; height: 18px; width: 18px;"
                src="pt.png"
            /></a>
          </td>
          <td style="padding-left: 15px;">
            <a href="http://{website}" target="_blank"
              ><span
                style="
                  font-size: 9pt;
                  font-family: Arial, sans-serif;
                  color: #317a00;
                  font-weight: bold;
                "
                >{website}</span
              ></a
            >
          </td>
        </tr>

        <tr>
          <td width="424" style="width: 424px; padding-top: 15px;" colspan="2">
            <a href="{bannerURL}" target="_blank" rel="noopener"
              ><img
                border="0"
                src="banner.png"
                alt="Banner"
                style="max-width: 424px; height: auto; border: 0;"
            /></a>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

enter image description here

6 个答案:

答案 0 :(得分:2)

这应该做到:

setup( name='main', entry_points={ 'console_scripts': [ 'my_alias = my_folder.my_script:main' ], }, include_package_data=True, packages=find_packages() )

有关CSS中样式链接的更多信息,请参见:https://www.w3schools.com/css/css_link.asp

答案 1 :(得分:0)

使用Text-decoration: none;,也可以在CSS和内联中使用它。

/*a {text-decoration: none;}*/
<html><head><title>Email Signature</title>
<meta content="text/html; charset=utf-8"http-equiv="Content-Type">
</head>
<body>
<table style="width: 424px; font-size: 10pt; font-family: Arial, sans-serif;; line-height:normal;" cellpadding="0" cellspacing="0" border="0">
<tbody>
    <tr>
        <td style="padding-right:15px; border-right:1px solid #317a00;" width="150" style="width:150px; vertical-align: top;" valign="top" align="center">
                <a href="{logoURL}" target="_blank"><img width="81" border="0" alt="Logo" style="border:0;max-width:150px" src="logo.png"></a>
        </td>
        
        <td style="padding-left:15px; vertical-align: top; font-size:9pt" valign="top">
    
            <strong style="font-size:10pt; font-family: Arial, sans-serif;; color: #317a00;;">{firstName} {lastName}</strong><br>
            <span style="font-size:10pt; font-family: Arial, sans-serif;; color: #000000;; padding-bottom:5px;">{title}</span><br>

            <br>
            
            <span  style="font-family: Arial, sans-serif;; color:#000000;;"><span style="font-weight:bold; color:#317a00;; ">T: </span>{phone}<br></span>
            <span  style="font-family: Arial, sans-serif;; color:#000000;; "><span style="font-weight:bold; color:#317a00;; ">M: </span>{mobile}<br></span>
            <span  style="font-family: Arial, sans-serif;; color:#000000;; "><span style="font-weight:bold; color:#317a00;; ">E: </span>{email}<br></span>

            <br><span ng-if="showField('company')" style="font-size: 9pt; font-family: Arial, sans-serif;; color: #000000;;">{company}</span>
                
            <br><br>

        </td>
    </tr>
    
    <tr>
        <td align="center" style="border-right:1px solid #317a00;">
                
                <a href="{instagramURL}" target="_blank"><img alt="Instagram icon" border="0" width="18" height="18" style="border:0; height:18px; width:18px" src="it.png"></a>&nbsp;
                <a href="{pinterestURL}" target="_blank"><img alt="Pinterest icon" border="0" width="18" height="18" style="border:0; height:18px; width:18px" src="pt.png"></a>    
        </td>
        <td style="padding-left:15px;">
            <a href="http://{website}" target="_blank" style="text-decoration: none;"><span style="font-size:9pt; font-family: Arial, sans-serif;; color:#317a00;; font-weight:bold">{website}</span></a>
        </td>       
    </tr>   

    
    <tr>
        <td width="424" style="width:424px;padding-top:15px;" colspan="2">
            <a href="{bannerURL}" target="_blank" rel="noopener"><img border="0" src="banner.png" alt="Banner" style="max-width:424px; height:auto; border:0;"></a>
        </td>
    </tr>
    
</tbody>
</table>

</body>
</html>

答案 2 :(得分:0)

您尝试过吗? :<BrowserRouter> <App> <Switch> <ShopGuardRoute path="/Login" component={SignIn} /> <ShopGuardRoute path="/Sign-up" component={SignUp} /> <ShopGuardRoute path="/Orders" component={Orders} /> <ShopGuardRoute path="/Category" component={Category} /> <Route path="/Shops" component={Shops} /> <Route path="/" component={Home} /> </Switch> </App> </BrowserRouter>

答案 3 :(得分:0)

将样式属性添加到锚标记,并将文本装饰添加到none。示例:

style="text-decoration: none"

答案 4 :(得分:0)

尝试这种CSS样式。

a,a:hover{text-decoration: none;}

答案 5 :(得分:0)

将内联CSS添加到锚标记中

style =“ text-decoration:none;