작은 상자 사이 목록 이미지

Question

내 웹 사이트에 문제가 있습니다. 내 웹 사이트에 소셜 미디어 이미지 버튼을 추가했는데 그 중 작은 숫자 인 상자가 옆에 나타납니다. 이 문제를 해결하는 방법을 모르겠습니다.

아이디어가 있습니까? 는 http://i.imgur.com/HD9AqLv.png

는 HTML 하루의 끝에서 조각

<div class="social"> 
     <ul> 
      <li> <a href="#"> <img src="assets/Android.png" alt="Smiley face" height="42" width="42"> </a> </li> 
      <li> <a href="#"> <img src="assets/GitHub.png" alt="Smiley face" height="42" width="42"> </a> </li> 
      <li> <a href="#"> <img src="assets/GooglePlus.png" alt="Smiley face" height="42" width="42"> </a> </li> 
      <li> <a href="#"> <img src="assets/LinkedIn.png" alt="Smiley face" height="42" width="42"> </a> </li> 
      <li> <a href="#"> <img src="assets/Mail.png" alt="Smiley face" height="42" width="42"> </a> </li> 
      <li> <a href="#"> <img src="assets/Reddit.png" alt="Smiley face" height="42" width="42"> </a> </li> 
      <li> <a href="#"> <img src="assets/YouTube.png" alt="Smiley face" height="42" width="42"> </a> </li> 
     </ul> 

    </div> 

CSS의 조각

.social{ 
float: right; 
padding-top: 1.1rem; 
} 

.social ul{ 
list-style: none; 
display: inline; 
} 

.social li{ 
padding-left: 10px; 

display: inline; 
} 

, 나는 심지어 있다고 생각하지 않습니다 여기에

는 이미지 링크입니다 그 코드와 관련이 있습니다. 어쩌면 그것은 단지 일반적인 오류 일 것입니다.

Answer 1

브라우저의 앵커 태그에 기본 밑줄이 표시되어 있다고 생각합니다. 이 CSS 스타일을 추가하면 해당 내용을 제거해야합니다.

.social li a{ 
    text-decoration: none; 
}