圆角为网站设计师带来了独特挑战,尤其在使用CSS创建兼顾SEO与可扩展性的布局时。《Practical eCommerce》在线总监Brian Getting演示了一种创建圆角布局的方法。
在进阶教程中,首先使用Photoshop制作圆角图像素材。通过探讨透明GIF格式的限制,利用其透明度实现效果;图像完成后,再处理浏览器渲染所需的CSS。
最终将创建一个带圆角和背景图像的HTML页面元素,为使用CSS构建复杂网站布局提供必要工具。
使用软件:Adobe Photoshop CS2、TextMate
附加文件:CSS_Rounded_Corners.zip
本视频教程需要 Flash Player version 8 或更高版本。

