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

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

2019/7/17  电子商务网  浏览选项:    本文已被浏览 1689 次
做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观。下面就给大家介绍两种制作圆角表格的常用的办法。 
方法一:用图片制作圆角表格 
这是最常用也是最通用的方法,它能很好地适应各种浏览器和不同分辨率,大部分网页都使用这种方法。 
①先用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系统支持工具全...
→ 主题所属分类:  计算机技术 → 软件频道 → 『关闭窗口』
Ping命令的使用技巧 常用网络命..
电子商务的应用特性
让邮件搭上特快专递列车
中国电子商务:谁来颠覆Google
酷软盛行(上) 软件周记 BTPl..
巧设置在Windows中实现一键关机
广东数字电视收费标准出台 初装费将..
Excel多单元格快速输入相同内容
文件隐身三步曲之菜鸟学步
宽带沃土造就网络电视的明天 网络新..
Windows XP远程协助的应用..
绞尽脑汁也看不到的加密工具
网络营销用效果说话
美国VoIP用户高速增长扩大有线电..
制作特殊系统恢复盘
八大诀窍:做好网络生意!
中国石化电子商务与物资采购工作探析
调整XP注册表 享受极速上网
台湾厂商将销售针对Skype的US..
注册表优化方案 WinXP注册表与..
动人场景描述 检测MSN好友是否认..
彻底隐藏你的隐私—虚拟磁盘加密(上..
电子商务的技术标准
国外游造就网上跨国贸易
安装系统补丁也能无人参与
解决实名软件造成的系统崩溃问题
Replik Franck Mul..
网页设计中HTML常范的五个错误
成功企业,诚信已成为一种生存技能
Word快速转换幻灯片文稿
解决BT与浏览网页在SP2中的冲突
深度吸引 秘籍:超实用Photos..
网上交易如何防骗
沪大学生热衷网上当老板
网络用语Top10--拼音缩写
Photoshop让色彩丝毫不差
QQ2003Ⅲ最Q的四大特色功能
硬盘保护卡引起的网络阻塞
体验PowerPoint的录音功能
双PATA硬盘的安装(1) 教你安..
移花接木 用Windows XP代..
安装 品尝“苹果”的味道
通用电气(中国)电子商务策略
QQ2005登录时密码不能复制?我..
Outlook Express邮件..
 热门文章
 
 保存网页图片的八种方法 (53599)
 我的QQ 我的信息中心 (47754)
 2006年值得关注的十个web2.0网站 (39751)
 用OE邮件发短信不再是梦想! (29434)
 传统商务与电子商务的区别 (11391)
 让Windows序列号原形毕露 (10990)
 近一年来RSS和Blog已逐渐成为互联网发展的新潮流 (8867)
 如何让搜索引擎收录新网站 (8391)
 在Word中输入乘号和除号的几种方法 (7442)
 IE6用户如何升级到IE7.0浏览器版本 (7375)
 更换开机画面 Win XP开机画面随我定 (7205)
 Ping命令的使用技巧 常用网络命令使用技巧详解 (6508)
 智能ABC输入法中的使用技巧 (6274)
 如何保持网站排名课程记录 --  电子商务网原创 (6272)
 抓就要抓最清晰的图片 (6154)
 最近更新
 
 保存网页图片的八种方法 (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月15日)
 抓就要抓最清晰的图片 (8月1日)
 文章搜索
 
搜索选项:            
  → 评论内容 (点击查看)
(没有相关评论)
  → 发表我的评论
您的姓名:  您的E-mail:

评论内容:
发表评论:  
   电子商务网每日推荐文章: 提高yahoo排名的搜索引擎优化技术 2019/7/17
      在欧美国家,使用yahoo搜索引擎(英文yahoo搜索引擎,下同)人非常多,在某些国家甚至于达到或超过Google的使用量。yoo曾经有一个网站在yahoo搜索引擎里的排名非常好,从这个网站的情况得知,yahoo搜索引擎流量的客户转化率很高。因此,我们做好yahoo的搜索引擎优化工作,使得网站在yahoo的里良好的表现,将会使我们的网站具有更大的价值。
    yahoo搜索引擎在2006年7月做了一次比较大的更新。这次更新后,很多靠留言、发垃圾连接而取得良好表现的网站,排名掉下来了,可以看出yahoo增加了对垃圾连接的过滤。这次更新之后,yahoo的搜索结果,有向Google靠拢的趋势,可能各大搜索引擎算法中相同的部分越来越多了。
    yoo认为yahoo搜索引擎优化的要点主要有以下几点。
    一. 丰富的网站内容。
    任何一个网站,如果想在搜索引擎中有良好的表现,丰富的内容都是必须的。不只是对于yahoo搜索引擎,任何一个搜索引擎都青睐具有丰富内容的网站,都会给这样网站以好的表现。
    二. 大量的外部连接。
    yahoo搜索引擎非常注重外部连接的数量,只要有大量的外部连接,很容易在yahoo取得良好的表现。作为一个网站来说,总是希望每个页面在搜索引擎里都能有好的表现,因此我们可以为网站内部重要的网页都做一些外部连接,对这些页面在yahoo的排名有很大的好处,可以使得这些页面在yahoo有良好的排名。yoo自己就是这么做的,在对自己网站的200多个页面都做了一些外部连接,连接生效后,这些网页在yahoo搜索引擎的排名上升了很多。 ......查看详细内容
关于我们 ┋ 网站留言 ┋ 电子商务网成员网站 ┋ SEO培训基地 ┋ 地图 ┋ SEO培训 ┋ 管理 ┋ TOP
合作站点: 杰晶网络 | 建材互联 | Herbal | 淘宝优惠券 | 中国保健品网 | OilPainting | NHE | 杰米世界 | 南强新网
电子商务网 网络营销顾问:杰晶网络 版权所有
Copyright © 2006 ECSoon.com All Rights Reserved