table 스타일

Question

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

meanz · Accepted Answer

가상선택자(after/before)을 이용해서 넣는 방법도 있습니다.

01 -  html에서 임의의 클래스에 css 스타일을 만들어서
02 -  해당 클래스에 스타일 높이 및 색상 값을 주고
03 -  반복을 해지하고 싶거나 특정 효과를 변경하고 싶으면 nth-child 주면 됩니다.

근자 · Answer

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

웹프리죤 · Answer

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

sinbi · Answer

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

table 스타일

답변 4개

공유하기