智慧线末端分叉:百度知道首页的表格问题

来源:百度文库 编辑:神马品牌网 时间:2024/05/05 12:21:47
如何绘制。。。我很想绘制这样的表格。但不会。。教下我各位高手

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.BG {
border: 1px solid #FFCC00;
}
.BG1 {
border: 1px dashed #CCCCCC;
}
.BG2 {
border: 1px inset #3399CC;
}
.BG3 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: double;
border-left-style: outset;
border-top-color: #999999;
border-right-color: #FF9900;
border-bottom-color: #CC9999;
border-left-color: #99CC00;
}
.BG4 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dashed;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #FFCC00;
border-right-color: #FFCC00;
border-bottom-color: #FFCC00;
border-left-color: #FFCC00;
}
-->
</style>
</head>

<body>
<table width="300" border="0" cellpadding="0" cellspacing="0" class="BG">
<tr>
<td bgcolor="#FFFF99"><div align="center">模拟百度的表格</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p> </p>
<table width="300" border="0" cellpadding="0" cellspacing="0" class="BG1">
<tr>
<td bgcolor="#CCCCCC"><div align="center">模拟很多BLOG表格</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p> </p>
<table width="300" border="0" cellpadding="0" cellspacing="0" class="BG2">
<tr>
<td><div align="center">新款式表格</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p> </p>
<table width="300" border="0" cellpadding="0" cellspacing="0" class="BG3">
<tr>
<td><div align="center">花式表格</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p> </p>
<table width="300" border="0" cellpadding="0" cellspacing="0" class="BG4">
<tr>
<td><div align="center">去任意边表格</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>