css+div 图片分割 求助~!

html-css015

css+div 图片分割 求助~!,第1张

应该是用背景显示的,可以让背景显示具体的位置,再进行DIV的宽与高限制。 background-image:url(../Images/01.jpg)

background-position:10px 20px

background-repeat:no-repeat

10px 距左边 20px距顶部。你再加了限制溢出的就可以了。

设置分割线在我多个的经验施行后,没有一成不变通用的方法,得根据要求采用最适合的。

1、使用字符“|”,适合导航栏间距不一致时,也就是不适合你。

2、采用背景方式,背景图片即是那条间隔线,需要形成jpg、gif、png格式的小图片,在背景里设置居左,并控制一下垂直位移,这样就会出现你第一张图的要求。

3、但最后一项可能会出现没有间隔线的情况,那么就多添加一个空的li或a,这样就多出来一个间隔线,好看。

具体细节需要把握,代码举例:

xlMenu a { background:url(menuLine.gif) no-repeat display:block width:77px text-align:center float:left}

.xlMenu a.first { width:43px background:none text-align:left}

效果:

小图标:

很小很小的一条线。。。