網目
【css】
body{/*網目*/
background-size:40px 40px;
background-position:-10px 30px,10px 30px,-10px 10px,10px 10px,0 20px,0 0;
background-image:
radial-gradient(#fff 10px,transparent 0),
radial-gradient(#fff 10px,transparent 0),
radial-gradient(#cdd 10px,transparent 0),
radial-gradient(#cdd 10px,transparent 0),
radial-gradient(#cdd 10px,transparent 0),
radial-gradient(#cdd 10px,#fff 0);
}
適宜必要なプロパティを追加してください
横長バージョン【css】
body{/*網目(横長)*/
background-size:64px 32px;
background-position:-16px 24px,16px 24px,-16px 8px,16px 8px,0 16px,0 0;
background-image:
radial-gradient(#fff 16px,transparent 0),
radial-gradient(#fff 16px,transparent 0),
radial-gradient(#ecd 16px,transparent 0),
radial-gradient(#ecd 16px,transparent 0),
radial-gradient(#ecd 16px,transparent 0),
radial-gradient(#ecd 16px,#fff 0);
}
縦長バージョン【css】
body{/*網目(縦長)*/
background-size:32px 64px;
background-position:-24px 32px,24px 32px,-24px 0,24px 0,0 16px,0 48px;
background-image:
radial-gradient(#fff 8px,transparent 0),
radial-gradient(#fff 8px,transparent 0),
radial-gradient(#eda 8px,transparent 0),
radial-gradient(#eda 8px,transparent 0),
radial-gradient(#eda 8px,transparent 0),
radial-gradient(#eda 8px,#fff 0);
}
TOP≫SUB≫CSS実験室
＊前←170→次＃