border-radius是缩写写法,其实它是top-left,top-right,bottom-right,bottom-left.
border-radius后面若是4个值,那四个角的圆角值都是一样的;
若是只有两个值,那么top-left=bottom-right top-right=bottom-left;
若是三个值,那么是top-left,top-right=bottom-left,bottom-right;
border-radius后面若是4个值,那四个角的圆角值都是一样的;
若是只有两个值,那么top-left=bottom-right top-right=bottom-left;
若是三个值,那么是top-left,top-right=bottom-left,bottom-right;
2018-02-27
.box span里面,margin: -5px 0 0 -5px;替换成transform: translate(-50%, -50%); 比较便于理解。
.box span就是白色的小圆,top:50%; left:50%是相对于父元素也就是橘色的大圆,但是这样白色小圆并不是剧中的,需要往上和往左移动自身大小的一半,这样就剧中了。
.box span就是白色的小圆,top:50%; left:50%是相对于父元素也就是橘色的大圆,但是这样白色小圆并不是剧中的,需要往上和往左移动自身大小的一半,这样就剧中了。
2018-02-20