html+css界面的制作

html-css09

html+css界面的制作,第1张

主要是切图了,把这个效果分割3块。

上面图片(包括圆角,整个图片的上面),中间平铺图片(就是你图中的这种效果),下面图片(同样包括圆角,整个图片的下面)。

然后中间写代码就可以了。

三种办法:

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里的高级技能,不做大网站没必要用。