CSS로 이미지를 그려야합니다.

Question

나는 네트워크 요청을 저장하려고합니다. CSS에서 내 모바일 페이지의 닫기 버튼을 구현해야하는 이유입니다. CSS를 생성하기 위해 img2css 웹 사이트를 사용했습니다. 내 솔루션은 다음과 같습니다. 이전 휴대 기기에서는 꽤 나빠 보이네요. Here is a screenshot from Android 4.3 왼쪽에서 원본 이미지의 오른쪽에있는 내 CSS 솔루션입니다. 그래서 당신이 보는 CSS는 약간 추한 것입니다. CSS에서이 간단한 닫기 버튼을 그리는 방법에 대한 제안이 있으십니까?

Answer 1

는이 엄청 많이 간소화하고, 몇 가지 기본적인 CSS를 배울 수 있습니다 :

span.close 
 
{ 
 
    display:block; 
 
    width:32px; 
 
    height:32px; 
 
    color:#666; 
 
    border:1px solid #666; 
 
    border-radius:50%; 
 
    font-size:28px; 
 
    line-height:1; 
 
    text-align:center; 
 
}

<span class="close">&times;</span>