채택완료

추천수 둘레에 네모만들기

2020-01-19 (일) 03:44:41 2,470

3527013670_1579372861.2508.jpg

사진좌측이 게시판 리스트스킨 인데요, 빨간표시한 숫자가 추천수입니다, 이 숫자에 우측의 클리앙 게시판처럼 숫자를 색깔들어간 작은 네모칸 안에 넣어서 표시해주고 싶습니다

css파일에서는 밑의 코드로 표시되는데요,

.fbo_good {width:50px;}

이걸 우측의 클리앙처럼 숫자를 색깔있는 작은 네모로 표시해주려면 위코드의 {} 안에 어떻게 넣어줘야 하는지 알려주시면 감사하겠습니다

|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트

{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}

이걸 참고로 추천 숫자 부분만 적용하고 수정해서 사용해 보세요.

답변에 대한 댓글 1개

응용해서 해보겠습니다, 감사합니다~

배우고 갑니다.

.fbo_good {width:50px;border:1px solid #000}

답변에 대한 댓글 1개

전체 둘레에 선을 만드는게 아니구요, 사진우측처럼(숫자2 를 둘러싼 파란색 작은 네모) 숫자보다 약간더 큰 네모를 둘러주고 싶습니다

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