首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

天极网 > 软件频道 > 设计在线 > 网页UI设计>虚线框表格的简单制作方法

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

2002-02-28 14:43作者:LoveYuki出处:天极设计在线责任编辑:shiny

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











     
     
     

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

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

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

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

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

关注此文的读者还看过:

返回网页UI设计首页

共1页。 1
  • 1.虚线框表格的简单制作方法

软件频道最新更新

热点推荐

天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络