이상한 테두리 같이, 나는 내 웹 사이트에 다른 이미지를 가지고 있고, 그들 (PNG 이미지)의 일부는 이미지의 텍스트 부분 주위에 이상한 회색 테두리가 IMG

Question

의 텍스트를 aroung 이미지, 분리되지 않습니다. 이미지의 CSS/HTML 코드는 다음과 같습니다

#bor_panel { 
 
border-radius: 12px; 
 
border: 2px solid #287396; 
 
padding: 20px; 
 
width: 170px; 
 
height: 170px; 
 
display: flex; 
 
}

<div id="bor_panel"> 
 
    <img src="images/raro_page/Ampia_Connettivita_B.jpg" id="raro_panel_connettivita" alt="raro robot connettivita" /> 
 
</div>

어떤 생각? 그것은

... 정상 img 태그를 보인다 ------ 수정 ------

이 원본 이미지 : https://imgur.com/a/P9LVm

그것은 확인

Answer 1

이미지에 문제가 있습니다. 나는 당신의 original image을 포토샵에 열었고 이미지를 확대 한 후에 이것을 발견했다. 텍스트 주위에 이미지에 회색 공간이 있습니다.

나는 포토샵에서 이미지를 편집하고 아래의 코드 조각을했다. 이제 경계가 없습니다.

#bor_panel { 
 
    border-radius: 12px; 
 
    border: 2px solid #287396; 
 
    padding: 20px; 
 
    width: 170px; 
 
    height: 170px; 
 
    display: flex; 
 
} 
 
img{ 
 
width:126px; 
 
height: 126px; 
 
margin: auto; 
 
}

<div id="bor_panel"> 
 
    <img src="https://i.stack.imgur.com/NdgFO.jpg" id="raro_panel_connettivita" alt="raro robot connettivita" /> 
 
</div>

Answer 2

보인다 그것은 이상하다. 그것은 당신이 사용하고있는 이미지의 일부입니다. 테두리를 제거하려면 이미지 편집 응용 프로그램을 사용해보십시오. CSS 또는 HTML로 인해 나타나는 것 같지 않습니다.