繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 简单实用的网页表格特效
- Dreamweaver
- 让你轻松Diy你的网页滚动条
- 网页设计必须注意的几个问题
- 用ASP生成XBM数字图片（可用来生成验证码）
- 灵活调用xsl来解析xml文档
- Dreamweaver制作网页实用七招
- Dreamweaver临时文件工作方式
- 巧用背景颜色和间距制细边表格
- Dreamweaver8搞定“web标准”
- 自适应客户端分辨率的实现方法
- 关于Web设计、开发中window对象的资料
- XHTML代码的基本应用
- Dreamweaver CS3 Beta界面功能大曝光
- Dreamweaver基础教程：层及其应用
- 如何用 Dreamweaver 批量做web网页
- 十二个Dreamweaver鲜为人知的小秘诀
- 在Dreamweaver8.0.2中为插入的Flash添加透明或其他参数
- 用Dreamweaver+ASP实现分页技术的参考
- 体验Adobe Dreamweaver CS3新特性
- 在Dreamweaver中插入有颜色的直线
- Dreamweaver CS3 最新功能描述
Dreamweaver 中的 简单实用的网页表格特效
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 68 ::
收藏到网摘: n/a
一、彩色虚线表格
＜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＞
评论 (0) All
