其他答案,上面的同学都有刚出来了,因为这里给li设置了高度,文字排版超出的时候,就出现了排列的错行,所以大家在开始答题之前先把.slider li这个的高度,改为height:165px;
但是在chrome下,右边那个展示效果的地方滚动条没有出来,所以,大家只能看到后三个li。
但是在chrome下,右边那个展示效果的地方滚动条没有出来,所以,大家只能看到后三个li。
2015-09-14
border-radius:6px;
box-shadow:3px 3px 2px blue,-3px -3px 2px yellow inset;}
.nav li:after{ content:"";position:absolute;right:0;top:26%; height:20px; width:2px; background-image:linear-gradient(to top left, black, red);}
.nav li:first-child:after,.nav li:last-child:after{display:none;}
box-shadow:3px 3px 2px blue,-3px -3px 2px yellow inset;}
.nav li:after{ content:"";position:absolute;right:0;top:26%; height:20px; width:2px; background-image:linear-gradient(to top left, black, red);}
.nav li:first-child:after,.nav li:last-child:after{display:none;}
2015-09-12
a[class^=column]{
background:red;
}
a[href$=doc]{background:green;}
a[title*=box]{background:blue;}
background:red;
}
a[href$=doc]{background:green;}
a[title*=box]{background:blue;}
2015-09-11
/*使用伪元素制作导航列表项分隔线*/
.nav li:after{
content:"|";
position:absolute;
right:0;
opacity:.5;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after{
display:none;
}
.nav li:after{
content:"|";
position:absolute;
right:0;
opacity:.5;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after{
display:none;
}
2015-09-11