正三角形(小)
透過処理してあるので『skyblue』(１箇所)をお好きな色(白以外)にすれば色を変えられます。
【css】
body{/*正三角形(小)を敷き詰めた背景*/
background-size:17.2px 30px;
background-color:skyblue;/*背景色*/
background-image:
linear-gradient(-60deg,rgba(255,255,255,0.5) 25%, transparent 25%),
linear-gradient(60deg,rgba(255,255,255,0.5) 25%, transparent 25%),
linear-gradient(-60deg,rgba(255,255,255,0.5) 25%, transparent 25%),
linear-gradient(60deg,rgba(255,255,255,0.5) 25%, transparent 25%);
background-position:0 0,0 0,8.6px 15px,8.6px 15px;}
適宜必要なプロパティを追加してください
正三角形の底辺と高さの比は
ルート3：3（約 1.732：3 または 約 1：1.732）です。