CSS background - 背景
サンプル
CSS background で svg 画像ファイルを表示する。
HTML: svg タグ
HTML をドローソフト代わりに使う (1)
CSS gradation と repeating-linear-gradient でグリッド線を表示する。
CSS グラデーション gradation
CSS フィルター filter - blend mode など
HTML で碁盤を表現する (2)
TestHTML_goban_table02.html
png 画像を並べて表示したサンプル。
TestSVG_goban_table02.html
svg 画像を並べて表示したサンプル。
背景画像を回転させる。
HTML で将棋盤やチェスボードを表現する
CSS transform - 変形・回転など
背景色を半透明にする
背景色を半透明にして背景が薄く見える表示にできます。 色の指定で #RGB の代わりに #RGBA の形式で指定します。 A は不透明度を表します。
CSS の 1) opacity と 2) background-color: #RGBA; の違いのサンプル。
opacity の場合はタグ内のテキストも半透明になり、色が薄くなります。
背景色を #RGBA で指定した場合は背景色だけ半透明になり、 タグ内のテキストは半透明になりません。