您的位置是: 软件 > 设计在线 > 网页陶吧 > 技术平台 > HTML学习 > 正文 查cseek报价

活用表格美化网页
2001-05-02作者: 星河出处: 天极设计在线
我对此感兴趣
订阅电子杂志
发表评论
advertisement
热点推荐
· 群雄逐鹿 十四种Java开发工具点评
· 网文快捕,将网络资源搬回家
· Windows系统瘦身计划
· PS多媒体教程带你享受快乐学习
· 网络游戏外挂设计深度探索
· 武装你的桌面,桌面工具大阅兵

上一页  1 2 3 4 5 6  下一页



  第二种制作方法:

1. 准备工作:制作两个小圆角图片,如右图。可以先制作一个,让后用相关软件翻转就可以了

     
2. 制作一个一行三列的表格。表格的cellpadding、cellspacing均设置为零。(此处为了便于说明,暂时将border设置为"1")

 
3. 将第一步的两个小图片分别插入第一、第三单元格

 
4. 设置第一个单元格的align=left、valign=top,使图片在单元格的左上方,第三个单元格的align=right 、valign=top,使图片在单元格的右上方。并调整单元格的大小
 
5. 将单元格的背景色(注意是单元格)设置为插入的图片颜色相同。

 
这种表格是不是很眼熟啊?的确,我们可以在很多的大网站找到它的身影。
6. 将表格的border设置为"0",然后在下面再插入一个同样边框颜色的细线表格(此步骤省略,如果不会,可参照上面的细线表格技巧),现在就可以在细线表格里写入内容了。

代码如下:
<table width="150" cellpadding="0" cellspacing="0" border="0"
<tr bgcolor="#7090ff"
<td valign="top" align="left" width="10"><img src="411-w03.gif" width="7" height="7"></td>
<td width="127" bgcolor="#7090ff"> </td>
<td align="right" valign="top" width="10"><img src="411-w04.gif" width="7" height="7"></td>
</tr>
</table>
<table width="150" cellspacing="1" cellpadding="0" border="0" bgcolor="#7090ff">
<tr>
<td bgcolor="#FFFFFF">这种表格是不是很眼熟啊?的确,我们可以在很多的大网站找到它的身影。</td>
</tr>
</table>


  说明:它由两个单独的表格组成,其中第一个表格是出现圆角的关键!


  5、两个并排的表格

上一页  1 2 3 4 5 6  下一页


【责任编辑:】
推荐给朋友我想参加相关培训打印我对此感兴趣订阅电子杂志发表评论

天极商业街
相关内容阅读排行榜
  • XBOX模拟器模拟《Halo》的截图
  • 将多种音乐格式转换为MP3
  • 《反恐精英》服务器搜索软件教程
  • 咕噜咕噜内测,十大系统揭密
  • 忍一时风平浪静 退一步海阔天空
  • 《育成足球04》金手指(PS2)
  • 《异域传说二部曲》金手指(PS2)
  • 等待是一种美丽

  • advertisement