【CSS】正方形じゃない画像を円形にくりぬく方法 CSSメモ

正方形じゃない画像を円形にくりぬくCSSメモ

.userImage{
  background-image: url("../images/user1.jpg"); 
  width:  100px;    
  height: 100px;      
  border-radius: 50%;  
  background-position: center;
  background-size:cover;
}