クロスステッチライン
【html】<div class="cross-line"></div>
【css】.cross-line{
height:20px;
background-size:20px 20px;
background-image:
radial-gradient(#d57 2px,transparent 0),
radial-gradient(#6bb 2px,transparent 0),
radial-gradient(#6bb 2px,transparent 0),
radial-gradient(#d57 2px,transparent 0),
linear-gradient(135deg,transparent 23%,#999 23%,#999 27%,transparent 27%),
linear-gradient(45deg,transparent 23%,#999 23%,#999 27%,transparent 27%);
background-position:-5px -5px,5px -5px,-5px 5px,5px 5px,5px 5px,5px -5px;
}
TOP≫SUB≫CSS実験室
*前←183→次#