加入收藏
 地图
 用户登陆
 帮助中心
电子商务 SEO动态 SEO技术 SEO软件 SEO推荐 网站留言 SEO用户 SEO专栏 电子商务   SEO培训
今天是:2019年4月23日 星期二   您现在位于: 首页 →  SEO技术 → 计算机技术(软件频道)

方法一:用图片制作圆角表格 美化网页 制作精美圆角表格

2019/4/23  电子商务网  浏览选项:    本文已被浏览 1594 次
做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观。下面就给大家介绍两种制作圆角表格的常用的办法。 
方法一:用图片制作圆角表格 
这是最常用也是最通用的方法,它能很好地适应各种浏览器和不同分辨率,大部分网页都使用这种方法。 
①先用Photoshop等作图软件绘制一个圆角矩形,再用“矩形选框工具”选取左上交的圆角部分(如图1),复制它。 
                                         
②不要取消选取,直接新建一副图像,Photoshop会根据选取部分的高度、宽度自动设置新建图像的大小。张贴后,保存为WEB所用格式即可。 

③重复步骤②,分别用“水平翻转”工具和“垂直翻转”工具,保存另外三个方向的圆角。(如图2) 
                                         
④打开网页制作软件,这里以Dreamweaver为例。插入一个一行三列的表格,设置其CellPad、CellSpace和Border属性值都为0。在第一列插入图片1.gif,第三列插入图片3.gif,并设置单元格的高度和宽度与图片一致。设置第二列的背景颜色为与圆角图片一致的颜色,设置宽度为整个表格的宽度减去两个图片的宽度,并打开源代码察看器,删除这列中的字符” ”(Dreamweaver会自动在每个单元格中插入此字符,若不删除会撑大表格)。依葫芦画瓢,做好下半部分的圆角。 
⑤再已插入的两个表格中间再插入一个一行三列同宽的的表格,CellPad、CellSpace和Border属性值都为0,宽度为100%。设置第一列和第三列背景颜色为与圆角图片一致的颜色,宽度为1像素,并打开源代码察看器,删除这两列中的字符” ”。到这,一个圆角表格就做好了,您可以在第二列中添加您想要的内容。(如图3)
 发布人:杰米  [ → 我要发表文章 ] 上篇文章:根据应用需要设置 禁用不是好事 虚拟内存禁用误区
下篇文章:Win XP操作系统支持工具全接触(一) Win XP系统支持工具全...
→ 主题所属分类:  计算机技术 → 软件频道 → 『关闭窗口』
网易的免费午餐 280M免费网络硬..
目标寻觅 雷区闪亮登场 打造下载新..
年轻人网上开店 坐在家里忙数钱!
群策群力过新年-问候短信篇
网吧不同线路接入服务器解决方案
湘妹子开网店,日收入几千元!
PS中的Actions批处理动作应用
妙用Foobar:OGG转MP3
一招技巧 让Windows XP时..
QQ非会员也能加密网络硬盘
谈搜索引擎工作流程
感受《我形我速5》独特魅力
解读电子商务与会展合作
微软Windows XP SE版本..
微软小巧全能捍将
艾瑞:今年中国网络视频市场达5亿元
标注添加全攻略
即时通讯觊觎VoIP市场
让Windows XP也能自动登录
用ACDSee提取ICO图标
入侵检测:网络安全的第三种力量
电子商务: 发展前途与政策导向
什么是电子签名?电子签名有什么作用?
猫眼网络电视 给你非一般的视觉体验
你上过网上营销的当吗
MSN美少女系列--很健谈
调查显示我国超过90%的消费者拥有..
无须重启的更改IP
Win 2000中也用Msconf..
DOS下也能访问网络
注册表介绍 ADSL注册表简易优化法
硬盘坏道修复全攻略
加快速度 让Win XP搜索风格变..
如何恢复Windows“消失”的磁..
制作数码电子相册(1) 教你制作数..
在98/XP双系统中安全删除XP
彻底删除程序 隐藏在Win 200..
小企业开展网络营销的主要方法
POPO鲜为人知的技巧揭密
隐藏部分文件扩展名的技巧
新功能一览 内部泄漏QQ 2004..
真正锁定Windows XP任务栏
利用CSS改善网站可访问性(一) ..
企业品牌营销秘诀
搜索引擎:网络营销新利器
 热门文章
 
 保存网页图片的八种方法 (53477)
 我的QQ 我的信息中心 (47650)
 2006年值得关注的十个web2.0网站 (39621)
 用OE邮件发短信不再是梦想! (26475)
 传统商务与电子商务的区别 (11238)
 让Windows序列号原形毕露 (10859)
 近一年来RSS和Blog已逐渐成为互联网发展的新潮流 (8276)
 如何让搜索引擎收录新网站 (8239)
 在Word中输入乘号和除号的几种方法 (7325)
 IE6用户如何升级到IE7.0浏览器版本 (7178)
 更换开机画面 Win XP开机画面随我定 (7068)
 Ping命令的使用技巧 常用网络命令使用技巧详解 (6375)
 智能ABC输入法中的使用技巧 (6116)
 抓就要抓最清晰的图片 (6030)
 如何保持网站排名课程记录 --  电子商务网原创 (6027)
 最近更新
 
 保存网页图片的八种方法 (8月1日)
 我的QQ 我的信息中心 (8月1日)
 2006年值得关注的十个web2.0网站 (8月1日)
 用OE邮件发短信不再是梦想! (8月1日)
 传统商务与电子商务的区别 (8月1日)
 让Windows序列号原形毕露 (8月1日)
 近一年来RSS和Blog已逐渐成为互联网发展的新潮流 (7月21日)
 如何让搜索引擎收录新网站 (8月14日)
 在Word中输入乘号和除号的几种方法 (8月1日)
 IE6用户如何升级到IE7.0浏览器版本 (12月28日)
 更换开机画面 Win XP开机画面随我定 (8月1日)
 Ping命令的使用技巧 常用网络命令使用技巧详解 (8月1日)
 智能ABC输入法中的使用技巧 (8月1日)
 抓就要抓最清晰的图片 (8月1日)
 如何保持网站排名课程记录 --  电子商务网原创 (8月15日)
 文章搜索
 
搜索选项:            
  → 评论内容 (点击查看)
(没有相关评论)
  → 发表我的评论
您的姓名:  您的E-mail:

评论内容:
发表评论:  
   电子商务网每日推荐文章: 如何对网站进行搜索引擎优化 - 网站合作联盟群简单优化课程记录 2019/4/23
    如何对网站进行搜索引擎优化~
这个问题比较泛,而且对于网站和搜索引擎来说,之间的关系非常的微妙.例如 不同的网站,本身的结构不同,内容不同,连接不同,所要推广和优化的也不同,不同的搜索引擎, 打个比方, 你需要在 BAIDU上推广, 或是在 GOOGLE ,YAHOO, MSN, YISOU, 163, SINA 上推广.每个搜索引擎自身的算法和规则不同,所以要优化的内容就更不同了......查看详细内容
关于我们 ┋ 网站留言 ┋ 电子商务网成员网站 ┋ SEO培训基地 ┋ 地图 ┋ SEO培训 ┋ 管理 ┋ TOP
合作站点: 杰晶网络 | 建材互联 | Herbal | 淘宝优惠券 | 中国保健品网 | OilPainting | NHE | 杰米世界 | 南强新网
电子商务网 网络营销顾问:杰晶网络 版权所有
Copyright © 2006 ECSoon.com All Rights Reserved