이 테이블의 스타일에 해당하는 CSS는 무엇입니까?

정말이 테이블의 레이아웃을 사용하고 싶습니다. 어떻게 이것을 HTML5에 해당하는 CSS 표준으로 가져올 수 있습니까? 여기이 테이블의 스타일에 해당하는 CSS는 무엇입니까?

<html> 
<head></head> 
<body> 
<table border="1" bordercolor="#000000" style="background-color:#ffffff" width="100%" cellpadding="3" cellspacing="1"> 
    <tr> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
    </tr> 
</table> 
</body> 
</html>

출처

2012-11-27 user1451890

'bgcolor = "# ffffff"'대신'style = "background-color : #ffffff"'흥미 롭다. – BoltClock

CSS를

table { 
    background-color:#ffffff; 
    border:1px solid #000000; 
    border-spacing:1px; 
    border-collapse: separate; 
    width:100%; 
} 

table td { 
    padding:3px; 
}

출처

2012-11-27 17:01:25 Bruno

'cellspacing'은 어떨까요? –

cellspacing : table td {margin : 1px;} –

간단히 말해, IE가 아닌 5-7 브라우저의 경우 border-spacing이 처리합니다. IE의 경우, 상황이 옳다면 (0 셀 스페이스가 필요하고 테이블이 이미 정의되어 있지 않은 경우) border-collapse : collapse를 사용할 수 있습니다. 표 { border-spacing : 0; 국경 붕괴 : 붕괴; } – topcat3

다음 테이블 = "MYTABLE"

#mytable { 
background-color:#ffffff; 
border:1px solid #000000; 
width:100%; 
} 

#mytable td { 
padding:3px; 
}

ID를 부여 태그

를 사용하여 HTML 페이지에서 해당 링크 .CSS 파일을 만듭니다

은 편집 중이 었으며 다른 포스터가 답장을 보았습니다. 그래서 그는 꼼짝 못하게했다.

출처

2012-11-27 17:02:27 topcat3

이 테이블의 스타일에 해당하는 CSS는 무엇입니까?

답변

관련 문제