マリンテイストの2カラムテンプレート「Marine」

2014-07-18 2018-12-19

「Marine」は爽やかな印象のテンプレートです。17作目です。

優しい水色のマリンテイスト

PCと大きめのタブレットでは2カラム、小さめのタブレットとスマホでは1カラムになるレスポンシブデザインです。

「マリンテイスト」のご要望にお応えしました！

※ご利用の際は利用規約の独自ライセンスの項目をご一読ください。

「マリンテイスト」のご要望を受け、水色と白色を基調にしました。そこに紺色の文字が入り、いい感じに締まって見えます。

h2（見出し要素）にはカモメの画像を添えました。

今回画像をお借りしたweb*citronさんには他にも沢山の素材があります。アイコンや背景画像を変えて楽しんでください！

コンテンツは白テーブルの上にあるので、どんな背景画像にしても見やすさは損なわれません。

また、border-radiusで角を丸くしてあるため柔らかい印象を与えます。
丸みの程度はCSSの数値を変えれば調整できます。

なお、透明なテーブルにすることもできます。部分的に使うと綺麗に見えるかもしれません。

デモサイトのメール欄のように<div class="content nobg">とすると、透過テーブルとなります。

サイト作りに慣れていなければ「HTMLテンプレートを使ったサイト制作の流れ」をご覧ください。