网页设计中像凤凰网分类菜单中的这种竖线怎么css怎么设置的

html-css07

网页设计中像凤凰网分类菜单中的这种竖线怎么css怎么设置的,第1张

.headNav ul {

background: url("图片地址") no-repeat right center

float: left

margin-right: 14px

padding: 4px 15px 4px 0

}

你用firebug一看就知道啦,就是用一张2*36的图片,就是一条竖线的图作为盒子的背景,让它靠右中(水平右对齐,垂直居中)就OK啦

1,"首页|校园|课程"----中间用竖线2,首页校园课程用li的右/左border,然后单独处理最后/最前一个,让它的当做竖线的border:none3,2的方法中,border当作分隔线,有时会感觉线的高度太高(大于字体高度),如果想用和字体高度差不多的,或者有渐变效果的,就需要自己作一个1px宽的图片,当做li的背景,不平铺,定位到右边或者左边.我一般都采用第3种方法,如果有什么不懂,可再交流..