摘要：自适应的椭圆 border-radius: 50% / 50%; => border-radius: 50%; 自适应半椭圆 横向： border-radius: 50% / 100% 100% 0 0; 纵向： border-radius: 100% 0 0 100% / 50%; 平行四边形 以 阅读全文

摘要：半透明边框 border: 10px solid hsla(0,0%,100%,.5); background: white; 因为background-clip默认为border-box所以无法实现半透明边框效果。 此时应改为padding-box即可实现效果。 多重边框 使用box-shadow 阅读全文

摘要：CSS代码优化 font-size:20px; => font-size:20px line-height:30px; line-height:1.5 border-width: 10px 10px 10px 0; => border-width: 10px; border-left-width: 阅读全文