• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线：010-65587978/77/76/75

相关文章

个人网站招揽回头客十点技巧集锦
北京网页设计CSS提高网页的维护更新效率
北京网站建设评论管理
网站制作IIS站点建立
北京网站制作HTML之图形标记
网站制作关于RSS:共享内容简易方式
北京网站建设制作动态url按钮
北京网站建设flash8与javascript集成
北京网站制作Flash MX 2004 编程(AS2.0)教程(八)
企通互联dreamweaver mx教程三十:测试和上传

品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!

友好连接

• • 网站建设
  • 网页设计
  • 网站设计
  • 网站制作
  • 网站优化
  • 百度优化
  • google优化
  • seo
  • 网站推广
  • 网络营销
  • 北京网站建设
  • 北京网站制作
  • 北京网页设计
  • 北京网站设计

文章搜索

你的位置：首页 >> 网站制作 >> 北京网站建设简单实用的网页表格特效

北京网站建设简单实用的网页表格特效

在我们制作主页的过程中，用到表格的地方非常多，灵活运用表格技巧可以为我们的网页增色不少，这里我就详细介绍几中特效表格的制作方法。网站建设
网页设计
　　一、彩色虚线表格北京网页设计

网站建设
<style type="text/css">北京网站制作
<!--网页设计
.tab1 {网页设计
border-top-width: thin;网站设计
border-right-width: thin; 网页设计北京网站制作
border-bottom-width: thin;北京网站制作
border-left-width: thin;网站制作
border-top-style: dotted;网页设计
border-right-style: dotted;网站制作
border-bottom-style: dotted;北京网站建设
border-left-style: dotted;网站建设
border-top-color: #00CC66;网站设计
border-right-color: #0099CC;网站设计
border-bottom-color: #FF0000;企通互联
border-left-color: #6699FF;北京网站建设
}北京网页设计
-->网站制作
</style>网页设计
<table width="200" border="0" cellpadding="2" cellspacing="2" class="tab1">网站设计
<tr> 北京网站制作
<td><div align="center">虚</div></td>网页设计
<td><div align="center">线</div></td>网站制作
</tr>网站建设
<tr> 企通互联
<td><div align="center">表</div></td>网站建设
<td><div align="center">格</div></td>北京网站设计
</tr>北京网页设计
</table>北京网站制作
北京网站建设
　　二、鼠标指向单元格变色北京网页设计
onmouseout="this.style.backgroundColor=''" 鼠标离开效果onmouseover="this.style.backgroundColor='#FFcccc'"鼠标放上去的效果，可以修改#FFcccc的值来改变颜色企通互联
<table width="200" border="1" cellspacing="0" cellpadding="0">北京网站设计
<tr> 网站制作
<td onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#FFcccc'"> </td>北京网站制作
</tr>企通互联
<tr> 北京网站设计
<td onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#FFccaa'"> </td>企通互联
</tr>网站制作
</table>网站制作
北京网站制作
　　 网站设计三、立体表格企通互联

北京网页设计
<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0">北京网站制作
<tr align="center"> 北京网站制作
<td width="86" 网页设计
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >立体</td>北京网站制作
<td width="108" 网站设计
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >表格</td>企通互联
</tr>北京网站建设
</table> 北京网页设计北京网站设计
企通互联
　　四、表格嵌套北京网站建设
　　 北京网站建设1、利用表格的间距来做嵌套网站制作
<table width="200" border="1" cellspacing="4" cellpadding="0">企通互联
<tr>企通互联
<td> </td>网页设计
<td> </td>北京网站建设
<td> </td>北京网站设计
</tr>企通互联
</table>北京网页设计
　　主要是用到间距 cellspacing="4"网站建设

www.qitongnet.com北京网站制作
　　2、充分利用根据表格对齐的方式 企通互联网站建设
　　这里主要是将第一个表格居左，第二个表格居右，第三个表格居中。这样当你随意调整里面三个表格大小的时候，他们的间距将保持不变，非常方便。网页设计

北京网页设计
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000">网站制作
<tr>北京网站建设
<td><table width="60" border="1" align="left" cellpadding="0" cellspacing="0">北京网站建设
<tr>北京网页设计
<td> </td>企通互联
</tr>网页设计
</table>北京网站设计
<table width="60" border="1" align="right" cellpadding="0" cellspacing="0">北京网站制作
<tr>网页设计
<td> </td>网页设计
</tr>北京网页设计
</table>北京网站建设
<table width="80" border="1" align="center" cellpadding="0" cellspacing="0">北京网页设计
<tr>网站设计
<td> </td>北京网站制作
</tr>北京网站制作
</table></td>北京网站制作
</tr>企通互联
</table>网站设计
北京网站设计
　　 北京网站设计 北京网站制作五、半透明表格北京网页设计

北京网站建设
　　这里主要是用到了CSS滤镜filter: Alpha(Opacity=20)。网站设计
<style type="text/css">网站设计
<!--北京网页设计
.bg {北京网页设计
background-color: #66CCFF;网站建设
filter: Alpha(Opacity=20);北京网站建设
}企通互联
--> 北京网站建设
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">企通互联
<tr> 北京网站建设
<td><div align="center">半</div></td>网站设计
<td><div align="center">透明</div></td>北京网站建设
</tr>北京网页设计
<tr> 网站设计
<td><div align="center">表</div></td>网站设计
<td><div align="center">格</div></td>北京网站制作
</tr>北京网站制作
</table>企通互联
北京网站建设
　　六、阴影表格北京网页设计

北京网站设计
　　这里主要用到了CSS滤镜style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"北京网站建设
<div style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"> 企通互联
<table width=300 border=1 bgcolor=#EAEAEA>企通互联
<tr><td width="93">111</td><td width="91">222</td><td width="94">333</td></tr>北京网站设计
</table>北京网站建设
</div>北京网页设计
网站制作
　　附：插入CSS样式的方法（我们这里用半透明表格来做说明)企通互联
　　第一种方法是定义一个CSS名称。北京网页设计
　　比如网站建设
<style type="text/css">北京网站建设
<!--北京网站设计
.bg {网站建设
background-color: #66CCFF;网站建设
filter: Alpha(Opacity=20);北京网站制作
}北京网站制作
--> 网站设计
　　元素需要用到CSS的时候，比如表格，定义一个CLASS就可以了，如网站建设
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">企通互联
　　第二种是直接在你需要用到CSS元素的地方插入相关代码，style=""如：网站制作
<table width="201" border="1" style="filter: Alpha(Opacity=20);background-color: #66CCFF;">

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!