Builder.com.cn - Web技术 - 不要图形繁多的页面创建灵活的CSS2边框效果

开发者社区

Web服务 | ASP/ASP.Net | JSP | PHP/Perl | 网站设计

首页 - WEB技术

Web技术

全文搜索:

不要图形繁多的页面创建灵活的CSS2边框效果

作者： ZDNet China
2004-01-05 12:20:25

回到Internet开始蓬勃发展的初期，我编写了一些相当糟糕的代码，好让页面的外观和行为就像我希望的一样。我花了很多时间准备了无数的图形文件，用它们来创建鼠标激活链接（mouseover）效果和菜单条，结果却发现在28.8Kb的调制解调器上需要花太长的时间来载入。我一直在期待会有一天，带宽能够像流水一样快，这样我的页面就能够被快速地加载。

讽刺的是，现在宽带更加普及了，但是图形繁多的代码已经不流行了。幸运的是，层叠样式表2（Cascading Style Sheets 2， CSS2）让我们能够使用其边框属性，生成原来需要很多图形和代码才能够生成的效果。

页面布局

我曾经花了很多时间，使用TABLE标签、间隔GIF和背景色让我的页面布局好看。不幸的是，写成的代码常常都很臃肿，而且毫无必要。一旦编写代码建立了布局，要改变它也很困难和耗时间。

有了CSS2，尤其是其边框属性，这个页面就可以轻松布局，而不需要用任何的TABLE标签或者间隔GIF。现在让我们利用图A里的布局作为例子。

【下一页】

声明：
Builder.com.cn（原ZDNet China应用开发频道）原创文章版权所有，未经许可严禁转载，且不构成投资建议。

近期相关报道：

实用技术文档
J2me	XML
C/C++	C#
Java	Oracle
Mysql	.Net
VB.NET	CSS
SQL Server	数据库
SQL	UNIX
Linux	Jsp
PHP	Perl
Javascript	IIS
XHTML	ColdFusion
ASP/ASP.NET	Apache
AJAX

订阅技术邮件

订阅＂技术圈＂杂志!请在下面选择您感兴趣的专题，填写e-mail地址，然后按订阅按钮：

当Windows Server 2008专家得5000元现金大奖