Small web game development: Spider Solitaire (1)

material preparation

This material preparation does not require a lot of things. We only need to prepare 4 patterns, which are used to represent spades, hearts, clubs, and diamonds.

Well, just find it on the Internet and cut it into four pictures yourself. such as this

Why not use background-position to set this, mainly because we also need to write numbers in the suit position to indicate the size of the playing cards.

Well, the blank space in the middle will not be filled, or you have to make a bunch of styles, or get 54 pictures. . . . Too much trouble.

CSDN illiterate Lao Gu's blog ,