앵커 포인트 내부의 img에 대해 테두리 반경이 작동하지 않습니다.

Question

저는 다음 HTML 코드를 사용하고 있습니다:

으아악

SCSS 코드:

으아악

문제: 위의 코드는 앵커 태그에 border-radius를 적용하지만 img 태그에는 적용하지 않습니다. 이 두 요소의 테두리 반경을 4px로 만들고 싶습니다.

Answer 1

으아악

from <img> 中删除填充，并将其添加到 <a> 中，并将 display: block;을 두 태그 모두에 추가하면 두 태그 모두에 대해 border-radius가 작동하는 것을 볼 수 있습니다.