CSS에서 밑줄 없이 앵커에 URL 텍스트를 추가하는 방법은 무엇입니까?

"텍스트 장식" 및 ":after" 의사 요소 재검토

쿼리는 다음을 사용하여 앵커 요소를 사용자 정의할 때 직면하는 문제를 탐색합니다. CSS의 ":after" 의사 클래스. 특히 목표는 기본 텍스트 장식에 영향을 주지 않고 하이퍼링크의 URL을 추가하여 URL 텍스트에 밑줄이 표시되지 않도록 하는 것입니다.

"text-장식: 없음" 선언을 사용하려고 시도했지만 밑줄이 계속 유지됩니다. Firefox 및 Chrome과 같은 브라우저. 그러나 색상 속성을 설정하면 효과적으로 작동합니다. 질문자는 원래 쿼리에서 논의된 고정 크기 이미지가 아닌 가변 너비 텍스트 콘텐츠에 적용 가능한 솔루션을 찾고 있습니다.

해결 방법:

이 문제를 해결하려면 , "display: inline-block" 속성은 ":after" 의사 요소에 적용될 수 있습니다. 이렇게 하면 "텍스트 장식" 선언이 적용되어 밑줄이 그어지지 않은 텍스트가 생성됩니다. 이 솔루션은 Chrome 버전 25 및 Firefox 버전 19에서 작동하는 것으로 확인되었습니다.

위 내용은 CSS에서 밑줄 없이 앵커에 URL 텍스트를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!