채택완료

이런식으로인데 위처럼 이미지 말고... 소소코드로 구현하려먼.. 코드가 어떻게 될까요...? 옥션 상품 편집기에 코드가 나오기는 하는데 깨져버리네요.. 다른곳에 적용하면 도움좀 부탁드립니다.

2017-08-19 (토) 14:47:07 2,185

9acf0e63d87f1d424dc37768e2573141_1503121592_619.JPG
 

이런식으로인데 위처럼 이미지 말고... 소소코드로 구현하려먼.. 코드가 어떻게 될까요...? 옥션 상품 편집기에 코드가 나오기는 하는데 깨져버리네요.. 다른곳에 적용하면 도움좀 부탁드립니다.

|

답변 2개

채택된 답변
+20 포인트
Copy
<svg width="80" height="80">    <circle cx="50%" cy="50%" r="50%" fill="navy"></circle>    <text x="50%" y="50%" dy="0.4em" text-anchor="middle" fill="#ffffff" font-family="Courier" font-size="1.5em" style="font-weight: bold;">01</text>    </text></svg>
2017-08-19 (토) 15:16:53
<div style="width:50px; height:50px; line-height:50px; color:white; border-radius:25px;background-color:blue ;text-align:center;font-weight:bold">01</div>

이런식으로 border-radius 를 사용하려 만들수 있습니다.
직접 테스트 해보진 않았습니다

답변을 작성하려면 로그인이 필요합니다.