区切り線：クロス線
ここでは区切り線に使うクロス線を作成しています。
完成予想素材：
ファイルの新規作成
上部メニューのファイルから新規→白紙ファイルを選び新規にファイルを作成します。
幅：3px 高さ：3px 解像度：72px カラーモード：RGBカラー カンバスカラー：透明とします。
クロス線は真ん中でクロス
鉛筆ツールなどを使い上の画像のようにX文字を書くように塗りつぶします。これで完成です。これをCSSで繰り返し表示させればクロス線となります。
↓完成画像：CSSで繰り返し表示させています
大きくしてみる
もう少し大きい画像を作ります。
新規ファイル作成から5×5ピクセルの大きさのファイルを作ります。
そして今回も同じように真ん中でクロスさせるだけで完成です。
↓完成画像：CSSで繰り返し表示させています
一工夫する
ここでもうひとつ工夫をしてみます。
先ほどの画像のクロスしている一本の線を薄く塗りつぶします。これで完成です。
↓完成画像：CSSで繰り返し表示させています
ちょっとわかりにくいですが立体的または味がでたと思います。
ほかにも色違いでクロスさせたりなど結構応用はきくのでアクセントに自分で作ってみてください。