グラデーション

こちらのサイトを参考に色簡単に変更出来るようにしたものになります。

左右のグラデーション

左：

#

右：

#

スタイル：

---

上下のグラデーション

上：

#

下：

#

スタイル：

---

左上-右下のグラデーション

左上：

#

右下：

#

スタイル：

---

右上-左下のグラデーション

右上：

#

左下：

#

スタイル：

---

上中下のグラデーション

上下端：

#

中央：

#

中間：

#

スタイル：

---

左中右のグラデーション

左右端：

#

中央：

#

中間：

#

スタイル：

ストライプ

横縞

背景色：

#

ストライプ：

#

横幅：

px

スタイル：

縦縞

背景色：

#

ストライプ：

#

縦幅：

px

スタイル：

斜め縞１

背景色：

#

ストライプ：

#

幅：

px

スタイル：

斜め縞１

背景色：

#

ストライプ：

#

幅：

px

スタイル：

チェック

チェック

背景色：

#

チェック：

#

透明度：

%

幅：

px

スタイル：

斜めチェック

背景色：

#

チェック：

#

透明度：

%

幅：

px

スタイル：

格子

市松模様

背景色：

#

チェック：

#

幅：

px

スタイル：

格子

背景色：

#

チェック：

#

幅：

px

スタイル：

その他の柄

千鳥格子

背景色：

#

チェック：

#

幅：

px

スタイル：

シェパード・チェック

背景色：

#

チェック：

#

幅：

px

スタイル：

バーバリー・チェック

背景色：

#

チェック1：

#

チェック2：

#

チェック3：

#

透明度：

%

幅：

px

スタイル：

ガンクラブ・チェック

背景色：

#

チェック1：

#

チェック2：

#

透明度：

%

幅：

px

スタイル：