>  기사  >  웹 프론트엔드  >  HTML 테이블의 각 셀에 서로 다른 색상과 너비를 설정하는 예

HTML 테이블의 각 셀에 서로 다른 색상과 너비를 설정하는 예

高洛峰
高洛峰원래의
2017-03-04 15:30:241409검색

테이블에서 너비, 높이 등을 직접 설정하지 않는 것이 가장 좋습니다. 스타일에 설정을 추가하면 코드를 본문 중간에 직접 복사하여 사용할 수 있습니다. 아래에 예시가 있으니 참고하시면 됩니다. 테이블에서 너비, 높이 등을 직접 설정하지 않는 것이 좋습니다.

스타일에 설정을 추가하면 문제가 없습니다. 코드는 바로 복사되어 본문 중간에 사용 가능합니다.

코드는 다음과 같습니다:

<table cellspacing="0" style="color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center"> 
<tr > 
<td bgcolor="e91e6f"; style=" width:196px;">01</td> 
<td bgcolor="224071"; style=" width:196px;">02</td> 
<td bgcolor="f12339"; style=" width:196px;">03 </td> 
<td bgcolor="1ea27e"; style=" width:196px;">04</td> 
<td bgcolor="224071"; style=" width:196px;">05</td> 
</tr> 
<tr> 
<td bgcolor="1ea27e">06</td> 
<td bgcolor="e91e6f">07</td> 
<td bgcolor="224071">08</td> 
<td bgcolor="f12339">09 </td> 
<td bgcolor="1ea27e">10</td> 
</tr> 
<tr> 
<td bgcolor="e91e6f">11</td> 
<td bgcolor="224071">12</td> 
<td bgcolor="f12339">13</td> 
<td bgcolor="1ea27e">14 </td> 
<td bgcolor="224071">15</td> 
</tr> 
<tr> 
<td bgcolor="1ea27e">16</td> 
<td bgcolor="e91e6f">17</td> 
<td bgcolor="224071">18</td> 
<td bgcolor="f12339"></td> 
<td bgcolor="1ea27e"></td> 
</tr> 
</table>


렌더링:

HTML의 더 많은 테이블은 각 셀에 대해 서로 다른 색상과 너비를 설정합니다. 예를 들어 관련 기사는 PHP 중국어 웹사이트를 주목해주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.