网络编程
位置:首页>> 网络编程>> 网页设计>> 也谈网页圆角的背景图法

也谈网页圆角的背景图法

作者:大伟 来源:大伟blog 发布时间:2009-03-19 14:09:00 

标签:css教程,背景,圆角

网页的圆角处理,其实最开始的九宫格的表格处理是挺方便的,只是现在都不用表格布局了,自然就被非法取缔了。呵呵。

微软的有VML画圆角,由于只是它自家的特产,大家也都不用了,再有就是Javascript的处理方法,很多都会影响页面性能,大家也都不爱用了。

剩下来的,就只能是老老实实地用背景图了。常用的方法有:

1、固定高度的情况下,我们通常把背景图的宽度拉到足够大,做一个大图,如下:

2、同样,固定宽度的话,我们就拉长高度,如下:

原理都是一样的,就是2头拼凑到一块形成整体。第二种方法会因为在实际使用中图片可能会拉太长,我们一般会将它分为3块来实现,即头部、中间(1px背景垂直拉伸)、和底边。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com