网站建设资讯

NEWS

网站建设资讯

css菜单分割线样式,css下划线样式

导航条的分割线用CSS怎么设置从中间开始显示

你换成margin-top:10px;试试

成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站制作、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的察隅网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

style:

.nav{ height:33p;line-height:33px; color:#FFF}

.nav em{ margin:0 4px;}

其实,你这样写多好,div class="nav"a中秋节礼品/aem |/ema中秋节礼品/aem |/em/div

这样写虽然感觉不是很好,但是应该够用了

css里的小分隔线

#welcome ul li em { display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc;overflow:hidden;}

#welcome ul li em [选择ID为welcom的容器下ul li 里的em元素为样式试用对象]

display:block; [做为块元素显示]

float:left; [靠左浮动,默认li元素是列显示,用了float可以让容器在一行内显示]

height:7px; [高7像素]

margin:6px 0; [子容器距父容器上下边框的距离分别为6像素,等同于margin:6px 0 6px 0;]

border-right:1px solid #bcbcbc;[容器右边框显示为1像素,实线,颜色为#bcbcbc]

overflow:hidden;[超出容易可见面积部分内容不显示]

导航条槽状分割线用css怎么做

用border来做 只要给你的标签加上 border-right:1px solid #EE6254

就可以了

也可以用图片来做,图片做出来的效果比较美观

给每个li 后面加个SPAN里面加入图片/span 在吧span 浮动为左浮动


网站栏目:css菜单分割线样式,css下划线样式
链接分享:http://njwzjz.com/article/dsohjih.html