相关文章
什么是Dreamweaver?有哪些常用的网页..
网站设计网站设计之合理架构css
北京网页设计HTTP500内部错误原因
北京网站设计科汛在线考试管理系统介绍
北京网站设计使用Web标准建站第10天：自适应高度
网页设计用CSS来控制网页背景
北京网站设计动感球体
网页设计FLASH MX 2004视频教程:网站留言
北京网站制作FLASH MX 2004视频教程:诞生鸡(下)
北京网站制作CSS 标签属性/属性参考
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 企通互联网站设计表格特效代码全集中
企通互联网站设计表格特效代码全集中
北京网站制作
源码如下：北京网站建设
北京网站建设
<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>网站设计
网站设计
www.qitongnet.com 2. 立体表格北京网站制作
网站设计
北京网站制作
网站建设 北京网页设计
源码如下：北京网站建设
北京网站设计
<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>
上一篇：网站建设个性化表单五技巧
下一篇：北京网页设计HTML中小meta的大作用