【css】
白地に斜めの赤縞、緑縞
background-image:
repeating-linear-gradient(135deg,#080,#080 5px,#fff 5px,#fff 10px,#f30 10px,#f30 15px,#fff 15px,#fff 20px);
白地に赤玉、緑玉
background-image:
radial-gradient(#f30 30%,transparent 0),
radial-gradient(#080 30%,#fff 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
赤地に白玉
background-image:
radial-gradient(#fff 30%,transparent 0),
radial-gradient(#fff 30%,#f30 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
緑地に白玉
background-image:
radial-gradient(#fff 30%,transparent 0),
radial-gradient(#fff 30%,#080 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
ゴールド
background-image:
repeating-linear-gradient(135deg,#fd0,#fd0 25px,#ffc 50px,#fd0 75px,#fd0 100px);