item-thumbnail .ribbon{position:absolute; top:0; left:0; width:50px; height:50px;~~~
위 코드가 지금 제 사이트 상품에 뜨는 리본 썸네일 코드인데요,
저렇게 하면 가로세로 50픽셀 사각형으로만 나오는데 저거를 지름 50픽셀 원형으로 바꾸는 코드가 어떻게 되지요??
shape=cirlce, circle, type=circle 이런거 넣어보고 시도하는데 잘 모르겠습니다 ㅠㅠ
item-thumbnail .ribbon{position:absolute; top:0; left:0; width:50px; height:50px;~~~
위 코드가 지금 제 사이트 상품에 뜨는 리본 썸네일 코드인데요,
저렇게 하면 가로세로 50픽셀 사각형으로만 나오는데 저거를 지름 50픽셀 원형으로 바꾸는 코드가 어떻게 되지요??
shape=cirlce, circle, type=circle 이런거 넣어보고 시도하는데 잘 모르겠습니다 ㅠㅠ
댓글 7
참고로 25px 이상인 수 부터 다 원형으로 뜨네요. 기븐님도 감사합니다^^
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
도 같이 써주세요.
그렇지만 이 코드는 ie8이하에서는 안 먹힙니다.
다른 방법으로 만들어야 해요.
50px짜리 이미지이니 25로 되는 것은 25가 반지름인데 모퉁이별로 적용되서 25+25가 50이라서 그렇습니다.