s,colgroup,col을 이용하여 표 스타일을 정의하는 것을 추천합니다

3154 단어
표의 각 열의 스타일을 정의합니다. td마다 한 무더기의Class를 추가하지 않고th,colgroup,col 등의 속성을 이용하여 쉽게 처리할 수 있습니다 ^ ^
코드는 다음과 같습니다.
 
  


  
    
    
    
  
  
    
    
    
  
  
    
    
    
  
  
    
     
  
  
    
    
  
  
    
    
    
  
  
    
    
    
  
  
    
    
    
  
TagName ClassName CSS
table Demo border-collapse: collapse;
color: #454545;
font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
th
    
padding: 3px 7px;
border: 1px solid #f60;
border-width: 2px 1px 1px;
background: #ffffe1;
td
    
padding: 3px 7px;
border: 1px solid #f60;
col Col1 text-align: right;
background: #f5f5f5;
col Col2 color: #00c;
col Col3 font-style: italic;


벽돌을 던져 옥을 끌어올리면, 더 많은 효과는 네가 DIY해라!
table.Demo { border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; } table.Demo th { padding: 3px 7px; border: 1px solid #f60; border-width: 2px 1px 1px; background: #ffffe1; } table.Demo td { padding: 3px 7px; border: 1px solid #f60; } table.Demo col.Col1 { text-align: right; background: #f5f5f5; } table.Demo col.Col2 { color: #00c; } table.Demo col.Col3 { font-style: italic; } TagName ClassName CSS table Demo border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; th padding: 3px 7px; border: 1px solid #f60; border-width: 2px 1px 1px; background: #ffffe1; td padding: 3px 7px; border: 1px solid #f60; col Col1 text-align: right; background: #f5f5f5; col Col2 color: #00c; col Col3 font-style: italic;
[Ctrl+A 전체 선택: 외부 Js를 가져오려면 새로 고쳐야 합니다.]

좋은 웹페이지 즐겨찾기