简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

html中table为每个单元格设置不同颜色和宽度

来源:易贤网   阅读:4628 次  日期:2014-07-23 17:27:33

温馨提示:易贤网小编为您整理了“html中table为每个单元格设置不同颜色和宽度”,方便广大网友查阅!

建议最好不要在table里面直接设置宽度,高度等,经常会出现设置的并没有生效的情况,

而如果是在style里面添加设置,就不会有问题,代码直接拷贝到body中间即可使用。

代码如下:

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

效果图:

图片二

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:HTML弹出透明层事例大小可以设置也可以比例化
下一篇:CSS3 transform的skew属性值图文详解
易贤网手机网站地址:html中table为每个单元格设置不同颜色和宽度
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!