上面图片(包括圆角,整个图片的上面),中间平铺图片(就是你图中的这种效果),下面图片(同样包括圆角,整个图片的下面)。
然后中间写代码就可以了。
三种办法:1.栏目固定,可以直接用背景图的方式来实现;
2.栏目名称不固定,有变动,可以直接用输入" | " 来实现,因为 | 是字符所以行高和栏目名称一样;
3.就是用你的div设置这样设置即可.menuDiv{width:100pxheight:5pxborder-right:1px solid #ffffloat:left}宽度设置成和栏目宽度一致就可以了
现在主流网站宽度都是默认950-980,最宽不会超过1000,因为要满足1024*768分辨率的显示器,你的两个div是不是没设置外层宽度,需要在这两个div外有一层整体的div,宽设置好后,margin:0 auto;自动居中,到了21寸显示器就OK了。要是你用了定位的话就去掉,做简单的网站基本用不着定位,定位是CSS里的高级技能,不做大网站没必要用。