相关文章
网站建设Css:制作一个更漂亮一些的多选列表框
网站制作css背景渐变的技巧与方法
北京网站设计KS3.0新手提高教程(一)
网站制作Dreamweaver未必了解的5个小技巧
网站设计去除 Dreamweaver MX 2004 表格宽度辅助
企通互联Dreamweaver MX 2004 入门教程之超级连接
网站设计DreamweaverMX打造留言本(三)
网站建设Flash8制作弹性跟随鼠标的弹性圆
网站建设抗日Flash集之:血染的风采
北京网站建设学习CSS了解单位em和px的区别
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站建设网站设计DW实现网页表格特效
网站建设网站设计DW实现网页表格特效
网站建设一、彩色虚线表格
<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>< www.qitongnet.com/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>网站建设