开店乐

开店乐电子商务研究 KaiDianLe.Com

网站地图 :

  搜索:

15.实现有立体感的表格边框

请看下面的例子,这是一个具有立体感的左边条。这个表格给人很精致的感觉,如果把它放在网页的一侧,做为你的网站的导航,一定回会为你的网页增色不少。好,下面我们一起看看怎样用表格实现这样的效果。
欢 迎 光 临
编程技巧
闪电空间
网上学习
真情无限
笑话乐园
给 我 写 信

  如果你用Dreamwaver实现起来十分简单:【文章来自:开店乐电子商务研究KaiDianLe.Com

  <1>我们先来插入一个表单:选择“Insert”->“Table”,在弹出的对话框中设置为7行1列,设置宽度为125 Pixels,然后点击确定;

插入表格对话框

  <2>选择“Windows”菜单,点击“Properties”项,“调出“Properties(属性)”窗口;

  <3>将鼠标在刚才插入的表格中点一下,然后按下“Ctrl+A”,选中整个表格,这时属性框中显示的是表格的属性;

  <4>修改表格属性如下图:
  把“CellPad”设为1,“CellSpace”设为0,边框宽度“Border”设为1,将亮边框“Light Brdr”设为较深的颜色(比背景色要深),将暗边框“Dark Brdr”设为白色,最后设置背景色为“#FF66CC”以完成设置。

修改表格属性

  经过这样的一番设置,便出现了带有立体感的表格(使用Netscape浏览器可能没有此种效果)。如果你喜欢手写代码,那你把表格的属性做相应修改即可。此表格的源代码如下:

源代码

  欢迎接着看下面的技巧!

【日期:2006-10-9】【作者:网上开店】【转载自:http://www.kaidianle.com】

相关文章:
 最好的网上开店系统:凡人网络购物系统免费下载
 美女变成美丽的孔雀
 绘影II与Photoshop焕彩黑白照片
 美女变恐龙?恶作剧照片的PS技巧秘籍
 白,我还要更白-我让MM更美白
 将自己的照片处理为苹果iPod平面广告
 28.调查信息以Email形式发送
 27.简单的鼠标跟随
 26.超链“确认”对话框
 25.为主页定义热键
 24.跑马灯大全(二)
 23.跑马灯大全(一)
 22.自动显示最后更新时间
 21.页面滚动显示
 20.显示日期和跳动的时间
 19.鼠标移过链接时实现特定响应
 18.DM查找替换的技巧(二)
 17.DM查找替换的技巧(一)
 16.定制站点导航条
 15.实现有立体感的表格边框
 14.如何为网页设置背景音乐?
 13.如何让背景图象不滚动?
 12.如何弹出公告窗口
 11 灵活运用DREAMWEAVER的SITE功能
 10 如何制作HTML字幕动画效果
 9.如何实现文字的自动换行
 8.超级链接时如何设定目标窗口
 7.如何调整表格高度
 6.中文网页制作中段落缩进的方法
 5.DreamWeaver中如何防止出现重叠现象
 在标题栏显示时间
 自动识别网页文件类型
 不用js就将一个对象定位在页面底部并随页面滚动
 据你的登陆次数不同作出不同的提示信息
 进入一个页面时跳出一个警告框,可以写一些欢迎词
 页面转换特效的代码生成器
 事先选择好表格的各种属性,自动创建表格,可做测试表格颜色用
 事件处理等待
 自由设定弹出窗口时间并且一天只弹一次
 页面载入等待
 一个很漂亮的转入别的页面时等待页
 右键菜单的制作
 下拉菜单
 弹出浏览器的版本信息
 若干个链接交替出现
 提示特效打字效果
 随机显示链接及说明文字,是做友情链接的首选
 先点击指定链接,才能看到受限制的链接
 鼠标效果
 显示页面内的所有链接
 点击网页上的按钮就可以实现自动向下或向下滚屏
 防止"点击空链接时,页面往往重置到页首端"
 一段实用的图片滚动显示代码
 总在右上角旋转显示的字符
 显示页面内的所有链接
 防止"点击空链接时,页面往往重置到页首端"
 一段实用的图片滚动显示代码
 总在右上角旋转显示的字符
 标题栏显示中文时间
 INPUT框中最简单的时间显示
 显示的全球时间表,而且是时钟样式
 用下拉方式展开时间月份,然后选择想要的时间,做程序时用

版权所有:Kaidianle.Com  联系方式:Shnxn@Yhaoo.Com.Cn 京ICP备06028743号 在线留言