日期:2014-05-17  浏览次数:20702 次

求助:圆角矩形框在DIV+css布局中应该怎么做
如题,图片应该怎么切,所切的图片应该怎样布,谢谢了。
还有个问题:比如说一行有三个DIV 每个div都使用float:left 和 一个使用left,一个使用middle,一个使用right有什么区别,
初学布局,麻烦多多指教

------解决方案--------------------
目前背景图片,又简单又精确。
------解决方案--------------------
探讨

引用:
目前背景图片,又简单又精确。

是把矩形的四个角切下来还是?整个一个矩形都作为背景?

------解决方案--------------------
如果图不是很大,你也不要求它可以变大变小,就直接做背景好了
我没试过用四个角的,都是上中下或者左中右三份,比如左中右
在一个div里面放3个div,分别用3切出来的三张图做背景,中间的背景切宽度为1、2px的就可以了,用
background-repeat: repeat-x;
就可以横向重复。
然后全部用float:left;就可以了,内容放中间的div
如果切4个角的话,就用1个div包着4个div,分别做背景,然后用4个div用position:absolute;和top、left、right、bottom四个进行定位,外面的div的position要设成static以外的
div的float就跟左对齐,居中,右对齐差不多,你玩多点就懂了。
------解决方案--------------------
高度固定,就整个用背景,不固定的话,我一般这么切,上边,下边的圆边角,中间切一小段或者不切,切的话沿着y轴重复,不切的话,塞个DIV给两边的边框上色,使之看起来是一体的