<!-cssはITガイドのサイトのものを少し変更して使用しました。>    
.card {
width: 60px;
height: 80px;
border: 1px solid;
float:left;
border-radius:7px;
text-align:center;
    }
    #field{
    width:440px;
    hight:380px;
}

    .backcard {
        background-image: url('haimen.png');
        background-size: cover;
    }