table 스타일
본문
이거 table 에 간격 어떻게 줘야 가로 라인이 빨간표시 처럼 공간이 생기는거죠?
답변 4
가상선택자(after/before)을 이용해서 넣는 방법도 있습니다.
01 - html에서 임의의 클래스에 css 스타일을 만들어서
02 - 해당 클래스에 스타일 높이 및 색상 값을 주고
03 - 반복을 해지하고 싶거나 특정 효과를 변경하고 싶으면 nth-child 주면 됩니다.
padding, height, line-height 이용해 보세요.
#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 }
해당 글자에 태그가 또 들어가있다면 (table tr th span 등), th{padding:5px 0;} span{border-right:1px solid #ccc;}로도 가능합니다.