.slider li:nth-of-type(1) a
.slider li a:after
.slider li:nth-of-type(1) a:after
.slider li a:before
.slider li:hover a:before
#bgn:target[class*=这里写img标签的类名 分别有五个]
img:not(:target)
感觉在这里效果挺好的 就是自己做的 在chrome浏览器中做出的效果好奇怪啊
.slider li a:after
.slider li:nth-of-type(1) a:after
.slider li a:before
.slider li:hover a:before
#bgn:target[class*=这里写img标签的类名 分别有五个]
img:not(:target)
感觉在这里效果挺好的 就是自己做的 在chrome浏览器中做出的效果好奇怪啊
2015-08-08
background-origin:border-box;
background-origin:padding-box;
background-origin:content-box;
background-clip:border-box;
background-clip:padding-box;
background-clip:content-box;
background-origin:padding-box;
background-origin:content-box;
background-clip:border-box;
background-clip:padding-box;
background-clip:content-box;
2015-08-08
/*使用伪元素制作导航列表项分隔线*/
/*删除第一项和最后一项导航分隔线*/
.nav li:after{
position:absolute;
right:0;
content:'';
top:15px;
width:1px;
height:20px;
background-image:linear-gradient(to bottom, #ef6b5f,#ca584e);
display:inline-block;
/*删除第一项和最后一项导航分隔线*/
.nav li:after{
position:absolute;
right:0;
content:'';
top:15px;
width:1px;
height:20px;
background-image:linear-gradient(to bottom, #ef6b5f,#ca584e);
display:inline-block;
2015-08-07
border-radius:10px;
/*制作圆*/
/*制作导航立体风格*/
box-shadow:5px 10px #ca584e;
/*制作圆*/
/*制作导航立体风格*/
box-shadow:5px 10px #ca584e;
2015-08-07
height:100px;
width:50px;
background:#9da;
border-radius:50px 0 0 50px;
width:50px;
background:#9da;
border-radius:50px 0 0 50px;
2015-08-05