この赤枠部分を右にも下にも連結させるとパターンができますね。横方向のボーダーの場合ボーダーはわかりやすいですね。縦のボーダーもわかりやすい。パターンの一部を作る考え方は同じなのでドットのみ解説します。順序1の赤枠内と同じ図形を作成します。方法1四角と丸を作成。それぞれ40px、30pxです。四角と丸を重ねて左上揃えにします。隙間が空くとダメなので、イラレの整列機能を使いましょう。方法2クリッピングマスクで赤枠部分を取り出す方法もありますね。[G]でグループ化し、書き出します。○%background-sizeで直接数値を入れるとドットが大きくなったり小さくなったりするので、お好みで調整します。repeatになっているため該当範囲がドットで埋め尽くされます。1わたし23区でコーディングのアルバイトしているうさぎです。