设为首页
加入收藏
站点地图
首页 | 网站建设 | 杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班优化 | 网站推广 | 网络营销 | 网站运营 | 网站策划 | 在线讨论 | 下载中心
您当前的位置:WebSite -> 网站策划 -> 文章内容正文->实现有立体感的表格边框
 子栏目导航
 热门文章
 相关文章
 

实现有立体感的表格边框

作者:佚名  来源:转载  发布时间:2008-7-9 15:56:43  

请看下面的例子,这是一个具有立体感的左边条。这个表格给人很精致的感觉,如果把它放在网页的一侧,做为你的网站的导航,一定回会为你的网页增色不少。好,下面我们一起看看怎样用表格实现这样的效果。

欢 迎 光 临
编程技巧
闪电空间
网上学习
真情无限
笑话乐园
给 我 写 信

  如果你用Dreamwaver实现起来十分简单:

  <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浏览器可能没有此种效果)。如果你喜欢手写代码,那你把表格的属性做相应修改即可。此表格的源代码如下:

源代码
 [返回上一页] [打 印] [收 藏]
百度中查看“实现有立体感的表格边框”相关文章

版权申明:本站网站策划资源来源网络,如有侵犯您的版权,请来Q告知 我们会在24小时内删除!

Copyright © 2008-2010 www.mepeixun.com All Rights Reserved
服务QQ:52466268 邮箱:meipeixun@163.com
备案号:苏ICP备07200130号