如果一个网页需要制作5种不同宽度的圆角框, 就必须分别制作背景图像。这样不但麻烦, 而且下载文件的字数也会增多, 严重影响显示速度。这便需要不固定宽度的圆角框。

       不固定宽度的圆角框。如果一个网页需要制作5种不同宽度的圆角框, 就必须分别制作背景图像。这样不但麻烦, 而且下载文件的字数也会增多, 严重影响显示速度。这便需要不固定宽度的圆角框。对于宽度“不固定”这个说法, 实际上又分为多种不同的具体方式。首先是一个“可变”的含义, 这个圆角框本身在网页上的宽度是固定的, 但是在制作网页的时候, 只要简单地设定该圆角框的宽度, 就能产生正确的效果, 而不需重新制作背景图像。这样如果一个网页上有3种宽度的圆角框, 仅使用一套背景图像就都可以完成了。第二是“流动”, 圆角框的宽度是跟随浏览器窗口宽度的变化而变化的。例如标准方式的div的宽度就是自动横向伸展的, 它的宽度就会随时改变。第三是“弹性”, 圆角框的宽度在文字大小不变的情况下, 宽度不变;而文字大小发生变化的时候, 宽度随之改变。这里说的文字大小的变化是通过浏览器菜单中的“查看—文字大小”命令大小来改变的。