Question

css里的小分隔线

http://hi.baidu.com/zhidaopcbird/blog/item/6882293f1475403db8998f94.html

我是说“我的订单”和“我的帐户”之间有一个垂直分隔线是怎么产生的，不是指链接的下划线

Answer 1

#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;[超出容易可见面积部分内容不显示]

Answer 2

这个很简单啊~~

就用#tabline 它的位置不会总在“主页，博客，相册”的下方，你想它在哪里它就在哪里，只要把#tabline
只要改变里面的参数 top:89px 与顶的距离
也可以加入life:100 或者 right:100 把线往右或左移动

Answer 3

#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;[超出容易可见面积部分内容不显示]

Answer 4

这个很简单啊~~

就用#tabline 它的位置不会总在“主页，博客，相册”的下方，你想它在哪里它就在哪里，只要把#tabline
只要改变里面的参数 top:89px 与顶的距离
也可以加入life:100 或者 right:100 把线往右或左移动

Answer 5

<a href="#">我的订单</a> 链接是有下划线呀 你设定成<a href="#" style="text-decoration:none">我的订单</a> 就没有那个分割线