常见网页表格代码 网页常见错误代码

源码如下:

<table width="100%" border="1"bordercolor="#000000">
<tr bordercolor="#FFFFFF">
<td>表格边线为1,线色为黑,行线色为白。</td>
</tr>
</table>
<p>
<table width="100%" border="0" cellspacing="1"bgcolor="#000000">
<tr>
<tdbgcolor="#FFFFFF">表格边线为0,间距为1,背景色为黑,行背景色为白。</td>
</tr>
</table>

  2. 立体表格

  源码如下:

<table border=1 cellspacing=0 width=100%bordercolorlight=#333333bordercolordark=#efefef>
<tr bgcolor=#cccccc>
<td>it365cn</td>
<td>it365cn</td>
<td>it365cn</td>
<td>it365cn</td>
</tr>
<tr bgcolor=#cccccc>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
</tr>
</table>
<center>表格边线为1,间隔为0,左上为#333333,右下为#efefef,行背景色为#cccccc


  3. 另类圆角表格制作

  源码如下:

原图:
<table cellpadding=0 cellspacing=0 border=0width=282 align=center>
<tr height=1>
<td rowspan=4width=1></td>
<td rowspan=3width=1></td>
<td rowspan=2width=1></td>
<tdwidth=2></td>
<tdbgcolor=#43B5C9></td>
<tdwidth=2></td>
<td rowspan=2width=1></td>
<td rowspan=3width=1></td>
<td rowspan=4width=1></td>
</tr>
<tr height=1>
<tdbgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
</tr>
<tr height=1>
<tdbgcolor=#43B5C9></td>
<td colspan=3bgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
</tr>
<tr height=2>
<tdbgcolor=#43B5C9></td>
<td colspan=5bgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
</tr>
</table>
<p>放大
<table cellpadding=0 cellspacing=0 border=1width=282 align=center>
<tr height=10>
<td rowspan=4width=10></td>
<td rowspan=3width=10></td>
<td rowspan=2width=10></td>
<tdwidth=20></td>
<tdbgcolor=#43B5C9></td>
<tdwidth=20></td>
<td rowspan=2width=10></td>
<td rowspan=3width=10></td>
<td rowspan=4width=10></td>
</tr>
<tr height=10>
<tdbgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
</tr>
<tr height=10>
<tdbgcolor=#43B5C9></td>
<td colspan=3bgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
</tr>
<tr height=20>
<tdbgcolor=#43B5C9></td>
<td colspan=5bgcolor=#43B5C9></td>
<tdbgcolor=#43B5C9></td>
常见网页表格代码 网页常见错误代码
</tr>
</table>
4. 虚线边框表格


  源码如下:

<style type="text/css">
.tb{BORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1pxdotted;BORDER-LEFT:
#000000 1px dotted;BORDER-RIGHT: #000000 1px dotted;}
</style>
<table width="100%" border="0" cellspacing="0"cellpadding="0">
<tr>
<td><center>www.blueidea.com</td>
</tr>
</table>
<p>
虚线直线1
<hr size=1>
虚线直线2
<p size=1>

5. 分类型表格

  源码如下:

<fieldset>
<legend>item</legend>
content
</fieldset>


6. 变色的单元格1,通过a:hover做

  源码如下:

<style>
a:link,a:visited,a:hover
{width:100%;text-decoration:none;font-family:verdana;font-size:10px;color:white}
a:hover{background:#0099ff;color:black}
td{background:#3366cc;color:white;padding:0px}
</style>

<TABLE width=100% cellspacing=1 bgcolor=black>
<TR>
<TD><ahref="#">Blueidea
<TD><ahref="#">.com
<TR>
<TD><ahref="#">CNBruce
<TD><ahref="#">.com
</TABLE>
7. 变色的单元格2,已经做成了CSS,注意还有透明效果

  源码如下:

<style type="text/css">
.aa
{ background-color:#0000ff; color:#ff0000;filter:alpha(opacity=50)}
.bb
{ background-color:#3366cc; color:#ffffff}
</style>


<table width="100%">
<tr>
<td onmouseover="this.className='aa'"onmouseout="this.className='bb'"
><center><b>cnbruce</td>
</tr>
</table>


8. 变色的单元格3,通过mouse事件做.有点微软的味道

  源码如下:
<table width="100%" border="1" cellpadding="3"cellspacing="0"
bordercolor="#efefef" bgcolor="#efefef">
<tr>
<tdonMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";
onMouseOver="this.bgColor='#cccccc';this.borderColor='#000033'"><divalign="left">
Blueidea</div></td>
</tr>
<tr>
<td
onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";onMouseOver="this.bgColor='#cccccc';this.borderColor='#000033'">
cnbruce</td>
</tr>
</table>

9. 透明表格

<table bgcolor=#ececec width=200 height=100border=0>
<tr><td><center>cnbruce</td></tr>
</table>

10. 表格边框显示外阴影


  源码如下:

<table align=center width=200 height=100bgcolor=#f3f3f3
style="filter:progid:DXImageTransform.Microsoft.Shadow
(Color=#333333,Direction=120,strength=5)">
<tr>
<td><center>www.cnbruce.com</td>
</tr>
</table>
11. VML代码实现的圆角表格
(1).


  源码如下:

<html xmlns:v>
<style>
v:*{behavior:url(#default#VML)}
</style>
<body>
<v:RoundRect>
<v:shadow on="T" type="single" color="#b3b3b3"offset="3px,3px"/>
<v:TextBox>VML</v:TextBox>
</v:RoundRect>
</body>
</html>

(2).


  源码如下:

<html xmlns:v>
<style>
v:*{behavior:url(#default#VML)}
</style>
<body>
<v:RoundRect>
<v:path textpathok="true" />
<v:textpath on="true"string="cnbrucecnbrucecnbrucecnbrucecnbruc
ecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce"/>
<v:shadow on="T" type="single" color="#b3b3b3"offset="3px,3px"/>
<v:TextBox>VML</v:TextBox>
</v:RoundRect>
</body>
</html>

(3).

  源码如下:

<html xmlns:v>
<style>
v:*{behavior:url(#default#VML)}
</style>
<body>
<v:RoundRectarcsize=0.5>
<v:shadow on="T" type="single" color="#b3b3b3"offset="3px,3px"/>
<v:TextBox>VML</v:TextBox>
</v:RoundRect>
</body>
</html>

来自: http://hi.baidu.com/526101/blog/item/ac2a025c825b2f4bfbf2c009.html

  

爱华网本文地址 » http://www.413yy.cn/a/25101016/295962.html

更多阅读

网页脚本错误怎么办? 精 网页打印提示脚本错误

在网上看到很多用户提问脚本错误的问题,大多数回答者给出的答案都不能有效地解决问题。笔者也曾遇到过,下面总结了几个方法,希望对大家有用。网页脚本错误怎么办? 精——工具/原料Windows XPIE8网页脚本错误怎么办? 精——清理IE浏览

调查问卷设计中的常见错误 产品调查问卷设计

问卷调查法是目前在社会调查中的一种常用方法,它是针对某一社会事实,通过所设计的调查问卷,直接对单位或个人进行调查的一种方法。由于它具有简明、通俗、客观、真实、反馈快、保密性好等特点,已被越来越多的企业(公司)、市场研究与咨询机

声明:《常见网页表格代码 网页常见错误代码》为网友孤老序分享!如侵犯到您的合法权益请联系我们删除