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
/*使用伪元素制作导航列表项分隔线*/
.nav li:before{
content:"";
height:20px;
width:1px;
display:inline-block;
background-image: linear-gradient(to right, #ef6b5f,#ca584e);
position:absolute;
right:0px;
top:18px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:before{
background-image: none;
}
.nav li:before{
content:"";
height:20px;
width:1px;
display:inline-block;
background-image: linear-gradient(to right, #ef6b5f,#ca584e);
position:absolute;
right:0px;
top:18px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:before{
background-image: none;
}
2015-08-05
ol > li:nth-child(odd/2n+1)表示奇数,ol > li:nth-child(even/2n)表示偶数....
2015-08-04
.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
:target[class*=这里写img标签的类名 分别有五个]
img:not(:target)
.slider li a:after
.slider li:nth-of-type(1) a:after
.slider li a:before
.slider li:hover a:before
:target[class*=这里写img标签的类名 分别有五个]
img:not(:target)
2015-08-04
如评论所述
1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央;
2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中
1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央;
2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中
2015-08-03