両子持ち格子
【css】
body{/*両子持ち格子の背景*/
background-size:30px 30px;
background-image:
linear-gradient(90deg,#6be 1px,transparent 1px,transparent 17px,#6be 17px,#6be 18px,transparent 18px),
linear-gradient(180deg,#6be 1px,transparent 1px,transparent 4px,rgba(50,150,255,.4) 4px,rgba(50,150,255,.4) 14px,transparent 14px,transparent 17px,#6be 17px,#6be 18px,transparent 18px),
linear-gradient(90deg,#fff 4px,rgba(50,150,255,.4) 4px,rgba(50,150,255,.4) 14px,#fff 14px);
background-color:#fff;
}
適宜必要なプロパティを追加してください
background-sizeの値を変えれば、白い部分の面積を変えられます。18px以上を指定してください。18pxにすると細い線2本が1本にまとまります。
『30px 30px』以外でおすすめのサイズ
18px 18px
20px 20px
50px 50px
30px 50px
長方形にもできます

TOPSUBCSS実験室

*前110次#

×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -