相关文章
网站建设给光标添加CSS样式
网站建设CSS编写过程中常见的10个错误
北京网站设计弹出网页窗口全攻略(html/hta)
网站制作合理使用HTML标签进行CSS布局
网站设计第二十一节 Behavior
网站建设Dreamweaver中怎样使用模板
北京网站建设Flash MX 2004 制造像素字体
北京网站制作Flash MX 2004 Media组件实现多首mp3连放
北京网页设计图文教程:FLASH8.0绘制百事可乐标志
www.qitongnet.comCSS滤镜之alpha属性
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> www.qitongnet.com企通互联表格特效代码全集中
www.qitongnet.com企通互联表格特效代码全集中
企通互联
源码如下：网站建设
北京网站建设
<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>北京网站建设
<td bgcolor="#FFFFFF">表格边线为0，间距为1，背景色为黑，行背景色为白。</td>网页设计 企通互联
</tr>北京网页设计
</table>北京网页设计
北京网站设计
2. 立体表格企通互联
网站制作
网站设计 www.qitongnet.com
网站设计
源码如下：网站设计
北京网页设计
<table border=1 cellspacing=0 width=100% bordercolorlight=#333333 bordercolordark=#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网站制作
网站建设
源码如下：企通互联
北京网页设计
原图：网站制作
<table cellpadding=0 cellspacing=0 border=0 width=282 align=center>企通互联
<tr height=1>北京网站制作
<td rowspan=4 width=1></td>网页设计
<td rowspan=3 width=1></td>网站制作
<td rowspan=2 width=1></td>网页设计
<td width=2></td>网页设计
<td bgcolor=#43B5C9></td>网站建设
<td width=2></td>北京网页设计
<td rowspan=2 width=1></td>北京网站设计
<td rowspan=3 width=1></td>网站制作
<td rowspan=4 width=1></td>企通互联
</tr> 北京网站设计北京网页设计
<tr height=1>北京网页设计
<td bgcolor=#43B5C9></td>网站建设
<td bgcolor=#43B5C9></td>北京网页设计
<td bgcolor=#43B5C9></td>北京网站制作
</tr>网站建设
<tr height=1>北京网站制作
<td bgcolor=#43B5C9></td>北京网站建设
<td colspan=3 bgcolor=#43B5C9></td>网页设计
<td bgcolor=#43B5C9></td>北京网站设计
</tr>网页设计
<tr height=2>网站制作
<td bgcolor=#43B5C9></td>北京网站制作
<td colspan=5 bgcolor=#43B5C9></td>网页设计
<td bgcolor=#43B5C9></td>北京网站制作
</tr>网页设计
</table>北京网页设计
<p>放大网站制作
<table cellpadding=0 cellspacing=0 border=1 width=282 align=center>北京网站制作
<tr height=10>北京网页设计
<td rowspan=4 width=10></td>北京网页设计
<td rowspan=3 width=10></td>网站设计
<td rowspan=2 width=10></td>北京网站制作
<td width=20></td>北京网站制作
<td bgcolor=#43B5C9></td>网站建设
<td width=20></td>北京网站制作
<td rowspan=2 width=10></td>北京网站制作
<td rowspan=3 width=10></td>网站制作
<td rowspan=4 width=10></td>北京网页设计
</tr>网站设计
<tr height=10>网站设计
<td bgcolor=#43B5C9></td>网站建设
<td bgcolor=#43B5C9></td>网站设计
<td bgcolor=#43B5C9></td>北京网页设计
</tr>网站设计
<tr height=10>北京网页设计
<td bgcolor=#43B5C9></td>北京网站制作
<td colspan=3 bgcolor=#43B5C9></td> 网站设计企通互联
<td bgcolor=#43B5C9></td>网站设计
</tr>网页设计
<tr height=20>北京网站建设
<td bgcolor=#43B5C9></td>北京网站制作
<td colspan=5 bgcolor=#43B5C9></td>北京网站设计
<td bgcolor=#43B5C9></td>网站设计
</tr>北京网站设计
</table>网站制作
4. 虚线边框表格网页设计
北京网站设计
企通互联
源码如下：网页设计
网站设计
<style type="text/css">北京网站设计
.tb{BORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1px dotted;BORDER-LEFT:网站设计
#000000 1px dotted;BORDER-RIGHT: #000000 1px dotted;}网站建设
</style>北京网站制作
<table width="100%" border="0" cellspacing="0" cellpadding="0">网站制作
<tr>网站建设
<td class="tb"><center>www.blueidea.com</td>北京网站设计
</tr>网站设计
</table>北京网页设计
<p>北京网站设计
虚线直线1网站设计
<hr size=1 style="border:1px dotted #001403;">网站建设
虚线直线2网站建设
<p size=1 style="border:1px dotted #001403;">网站制作
网站建设
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><a href="#">Blueidea北京网站建设
<TD><a href="#">.com企通互联
<TR>网站制作
<TD><a href="#">CNBruce北京网页设计
<TD><a href="#">.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'"企通互联
class="bb"><center><b>cnbruce</td>网站设计
</tr>企通互联
</table>网站制作
网页设计
网站建设
8. 变色的单元格3，通过mouse事件做.有点微软的味道网站建设
网站制作
源码如下：网站设计
<table width="100%" border="1" cellpadding="3" cellspacing="0"北京网站制作
bordercolor="#efefef" bgcolor="#efefef">北京网页设计
<tr> 北京网站制作
<td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";北京网页设计
onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'"><div align="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 style="filter:alpha(opacity=50)" width=200 height=100 border=0>北京网站建设
<tr><td><center>cnbruce</td></tr>企通互联
</table>北京网站设计
北京网页设计
10. 表格边框显示外阴影网站制作
源码如下：企通互联
网页设计
<table align=center width=200 height=100 bgcolor=#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 style="position:relative;width:150;height:240px">企通互联
<v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>网站设计
<v:TextBox style="font-size:10.2pt;">VML</v:TextBox> 网站建设北京网站设计
</v:RoundRect> 北京网站设计
</body>网站建设
</html>网站建设
企通互联
(2).北京网页设计
源码如下：网页设计
北京网站设计
<html xmlns:v>网站建设
<style>网页设计
v\:*{behavior:url(#default#VML)}北京网站制作
</style>北京网站制作
<body>网站建设
<v:RoundRect style="position:relative;width:150;height:240px">北京网站制作
<v:path textpathok="true" />网站建设
<v:textpath on="true" string="cnbrucecnbrucecnbrucecnbrucecnbruc北京网站制作
ecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce" />北京网站建设
<v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>企通互联
<v:TextBox style="font-size:10.2pt;">VML</v:TextBox>网站制作
</v:RoundRect> 北京网站设计
</body>北京网站设计
</html>北京网站设计
北京网页设计
(3).企通互联
北京网站设计
源码如下：北京网页设计
网站设计
<html xmlns:v>网页设计
<style>北京网站建设
v\:*{behavior:url(#default#VML)}北京网页设计
</style>网站制作
<body>网站制作
<v:RoundRect style="position:relative;width:150;height:240px" arcsize=0.5>网页设计
<v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>网站设计
<v:TextBox style="font-size:10.2pt;">VML</v:TextBox>网页设计
</v:RoundRect> 网站建设
</body>网站建设
</html>