虚线框表格的简单制作方法

来源:不详 责任编辑:栏目编辑 发表时间:2013-07-01 09:47 点击:

  大家看到下面的虚线表格有什么想法呢?是不是也想在自己的网页上使用一下?好吧,我现在就告诉大家虚线表格一种最简单的方法!总过程也就是三四步左右!呵呵!











                 

  首先要制作一个样子的图形:,我们以在Photoshop制作为例!打开Photoshop新建一个文件长宽各位3象素,背景为白色!如下图:

  然后我们把图象用Ctrl+=放大N倍(到底多少倍,你自己看什么时候合适,一般都放到最大。),然后用画笔工具画出图形,如下图所示:

  至于制作的具体方法,十分简单,在此我们不再罗嗦!

  作好之后就可以再Dreamweaver中制作虚线表格了!首先:我们插入一个3行3列的表格,设边框,边距都为0,间距设为1,背景设为刚才制作的图象!如下图所示:

  然后把每个单元格的背景色都设为页面的背景色或者你喜欢的背景图片,这样一个虚线表格就作好了,在此基础上大家可以充分发挥自己的想象力,把网页制作的更好更酷!


    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1