大数跨境

视频教程:使用 CSS 实现圆角

视频教程:使用 CSS 实现圆角 电商实践
2007-07-03
1
导读:圆角为网站设计师带来了独特的挑战,尤其是在使用层叠样式表(CSS)创建既对搜索引擎友好又具备可扩展性的布局时。为了揭开一些用于创建视觉效果(如圆角……)的技术的神秘面纱

圆角为网站设计师带来了独特挑战,尤其在使用CSS创建兼顾SEO与可扩展性的布局时。《Practical eCommerce》在线总监Brian Getting演示了一种创建圆角布局的方法。

在进阶教程中,首先使用Photoshop制作圆角图像素材。通过探讨透明GIF格式的限制,利用其透明度实现效果;图像完成后,再处理浏览器渲染所需的CSS。

最终将创建一个带圆角和背景图像的HTML页面元素,为使用CSS构建复杂网站布局提供必要工具。

使用软件:Adobe Photoshop CS2、TextMate

附加文件:CSS_Rounded_Corners.zip

本视频教程需要 Flash Player version 8 或更高版本。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k