추천수 둘레에 네모만들기
본문
사진좌측이 게시판 리스트스킨 인데요, 빨간표시한 숫자가 추천수입니다, 이 숫자에 우측의 클리앙 게시판처럼 숫자를 색깔들어간 작은 네모칸 안에 넣어서 표시해주고 싶습니다
css파일에서는 밑의 코드로 표시되는데요,
.fbo_good {width:50px;}
이걸 우측의 클리앙처럼 숫자를 색깔있는 작은 네모로 표시해주려면 위코드의 {} 안에 어떻게 넣어줘야 하는지 알려주시면 감사하겠습니다
답변 3
{display:inline-block;width:16px;line-height:14px;font-size:0.833em;color:#fff;background:#ff7261;border:1px solid #e75341;text-align:center;border-radius:2px}
이걸 참고로 추천 숫자 부분만 적용하고 수정해서 사용해 보세요.
응용해서 해보겠습니다, 감사합니다~
.fbo_good {width:50px;border:1px solid #000}
전체 둘레에 선을 만드는게 아니구요, 사진우측처럼(숫자2 를 둘러싼 파란색 작은 네모) 숫자보다 약간더 큰 네모를 둘러주고 싶습니다
배우고 갑니다.
답변을 작성하시기 전에 로그인 해주세요.