html好看的表格样式如何操作 html表格的样式宽高，求告知

html好看的表格样式时间:2021-05-04 阅读:()

求漂亮的table css表格代码，并且可以运行。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" /1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> table{border-collapse:collapse; text-align:center; margin:0 auto} table tr td{border:1px #999 solid; padding:5px; width:100px} table .header{background:#E1E1E1} table .header:hover{text-decoration:none} table tr{background:#EFEFEF} table tr:hover{text-decoration:underline} </style> </head> <body> <table> <caption>各网站的股票报价（来源：网易财经）</caption> <tr class="header"> <td>网站</td> <td>今开</td> <td>昨收</td> <td>最高</td> <td>最低</td> <td>最新价</td> </tr> <tr> <td>谷歌</td> <td>502.74</td> <td>499.96</td> <td>502.74</td> <td>485.11</td> <td>488.50</td> </tr> <tr> <td>百度</td> <td>76.10</td> <td>74.19</td> <td>78.58</td> <td>75.66</td> <td>76.31</td> </tr> <tr> <td>网易</td> <td>31.05</td> <td>30.36</td> <td>33.45</td> <td>31.05</td> <td>33.33</td> </tr> </table> </body> </html>

HTML代码，如何设置表格样式。

在网页的<head></head>标签中间加上 <style> table { border-left: 1px solid #C1DAD7/*边框颜色*/; : 1px solid #C1DAD7/*边框颜色*/; } td { border-right: 1px solid #C1DAD7/*边框颜色*/; border-bottom: 1px solid #C1DAD7/*边框颜色*/; } </style>

html表格

css基本样式 <style?type="text/css"> table?{ ??height:?400px; ??width:?720px; } table?td?{ ??width:?100px; ??height:?50px; ??border:1px?solid?black; } </style> html结构样式 ??<table?cellspacing="0"?cellspadding="0"> ????<tbody> ??????<tr> ????????<td?colspan="6">1</td> ????????<td>1</td> ??????</tr> ????????<td>1</td> ????????<td?colspan="2">1</td> ????????<td>1</td> ????????<td?colspan="2">1</td> ????????<td>1</td> ??????<tr> ????????<td>2</td> ????????<td>3</td> ????????<td?colspan="3">3</td> ????????<td>3</td> ????????<td>3</td> ??????</tr> ??????<tr> ????????<td>1</td> ????????<td?colspan="2">1</td> ????????<td>1</td> ????????<td?colspan="2">1</td> ????????<td>1</td> ??????</tr> ??????<tr> ????????<td?rowspan=2>1</td> ????????<td?rowspan=2?colspan="2">1</td> ????????<td?rowspan=2>1</td> ????????<td?rowspan=2?colspan="2">1</td> ????????<td?rowspan=2>1</td> ??????</tr> ??????<tr></tr> ??????<tr> ????????<td>1</td> ????????<td?colspan="6">1</td> ??????</tr> ????</tbody> ??</table>