테스트 사이트 - 개발 중인 베타 버전입니다

table 스타일 채택완료

웹프리죤 4년 전 조회 2,209

 

이거 table 에 간격 어떻게 줘야 가로 라인이 빨간표시 처럼 공간이 생기는거죠?

 

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

답변 4개

채택된 답변
+20 포인트
meanz
4년 전

가상선택자(after/before)을 이용해서 넣는 방법도 있습니다.

01 -  html에서 임의의 클래스에 css 스타일을 만들어서
02 -  해당 클래스에 스타일 높이 및 색상 값을 주고
03 -  반복을 해지하고 싶거나 특정 효과를 변경하고 싶으면 nth-child 주면 됩니다.

로그인 후 평가할 수 있습니다

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

4년 전

해당 글자에 태그가 또 들어가있다면 (table tr th span 등), th{padding:5px 0;} span{border-right:1px solid #ccc;}로도 가능합니다.

로그인 후 평가할 수 있습니다

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

#support .money_payment .tbl_prd table th { height:50px;  position:relative;  font-size:14px; color:#292929; text-align:center; border-top:5px solid #7e5fe6; border-bottom:1px solid #7e5fe6;  }
#support .money_payment .tbl_prd table th:after { content:""; position:absolute; top:8px; right:0; height:30px;  border-right:1px solid #7e5fe6; }
#support .money_payment .tbl_prd table th:last-child:after { border-right:0 }

로그인 후 평가할 수 있습니다

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

s
sinbi Expert
4년 전

padding, height, line-height 이용해 보세요.

로그인 후 평가할 수 있습니다

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

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

로그인