HTML文本下面的白点 [英] white dots below HTML text

问题描述

我在网站上的输出文字下面有点：

为什么会来，如何删除呢？

HTML

 < p align =center>< font size =4.5color = ＃979C91>< a href =customers.html>< span class =fa fa-pencil>客户< / span>< / a> 
& nbsp& nbsp& nbsp& nbsp& nbsp& nbsp& nbsp 
< a href =business.html>< span class =fa fa-pencil> ;商家< / font>< / span>< / p>< / a> 
  

CSS

  .fa {
 text-decoration：none; 
} 
 .fa.solo {} 
 .fa.solo span {
 display：none; 
} 
 .fa：before {
 display：inline-block; 
 font-family：FontAwesome; 
 font-size：1.25em; 
 text-decoration：none; 
 font-style：normal; 
 font-weight：normal; 
 line-height：1; 
 -webkit-font-smoothing：antialiased; 
 -moz-osx-font-smoothing：grayscale; 
} 
 .fa-pencil：before {
 content：\f040
} 
   
解决方案
有一个虚线边框应用于该元素的底部。要删除它，您可以应用以下CSS来删除它：
  border-bottom：none; 
  
无法看到代码的其余部分，很难说明是什么原因导致的。 
 
My output in website has dots below text :



why is it coming and how to remove it?

HTML
<p align = "center"><font size = "4.5" color="#979C91"><a href="customer.html"><span class="fa fa-pencil"> Customers</span></a>
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 
<a href="business.html"><span class="fa fa-pencil"> Business</font></span></p></a>
CSS
.fa {
    text-decoration: none;
}
.fa.solo{}
.fa.solo span {
    display: none;
}
.fa:before {
    display:inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.fa-pencil:before{
    content:"\f040"
}

解决方案
There is a dotted border being applied to the bottom of that element. To remove it, you can apply the following CSS to remove it:
border-bottom: none;
Without being able to see the rest of the code, it's hard to say what caused this to happen.

                        
这篇关于HTML文本下面的白点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！