css揭秘

• background-position可以使用计算属性calc，
  background-position: calc(100% - 20px) calc(100% - 10px);
• 让背景图片跟右边缘保持 20px 的偏移量，同时跟底边保持 10px 的偏移量，background-position: right 20px bottom 10px;
• background: linear-gradient(#fb3 50%, #58a 50%);
• 
• 如果border是半透明颜色，那么需要加上

  background-clip: padding-box;

• 菱形图片可以用
  play.csssecrets.io/diamond-clip

•  使用 border和outline结合来模拟双层外框;

  border: 10px solid #655;

  outline: 5px solid deeppink;