【css】
橙地に薄玉
background-image:
radial-gradient(#fc6 30%,transparent 0),
radial-gradient(#fc6 30%,#f90 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
紫地に薄玉
background-image:
radial-gradient(#f9f 30%,transparent 0),
radial-gradient(#f9f 30%,#c0c 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
黒地に薄玉
background-image:
radial-gradient(#666 30%,transparent 0),
radial-gradient(#666 30%,#000 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
薄地に橙玉
background-image:
radial-gradient(#f90 30%,transparent 0),
radial-gradient(#f90 30%,#fc6 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
薄地に紫玉
background-image:
radial-gradient(#c0c 30%,transparent 0),
radial-gradient(#c0c 30%,#f9f 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
薄地に黒玉
background-image:
radial-gradient(#000 30%,transparent 0),
radial-gradient(#000 30%,#666 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
黒地に橙玉
background-image:
radial-gradient(#f90 30%,transparent 0),
radial-gradient(#f90 30%,#000 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
黒地に紫玉
background-image:
radial-gradient(#c0c 30%,transparent 0),
radial-gradient(#c0c 30%,#000 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
紫地に黒玉
background-image:
radial-gradient(#000 30%,transparent 0),
radial-gradient(#000 30%,#c0c 0);
background-position:0 0,8px 8px;
background-size:16px 16px;
橙地に黒玉
background-image:
radial-gradient(#000 30%,transparent 0),
radial-gradient(#000 30%,#f90 0);
background-position:0 0,8px 8px;
background-size:16px 16px;