飾り枠のテンプレート
ブログやサイトのアレンジにおすすめの飾り枠の使い方、テンプレートの紹介など。
飾り枠のすすめ
もっとお洒落にブログやサイトをアレンジしたい!
という方におススメなのが飾り枠を使った方法。
飾り枠とは、サイトの中に使うテーブルの枠の部分をおしゃれにアレンジする事で、
洗練された印象やおしゃれな印象を与える事ができる方法です。
最近ではブログなどのサイトを運営する人がとても多いので、
ネットなどでもいろいろなテクニックなどが紹介されていて、
飾り枠についてもいろいろなパターンやデザインが紹介されています。
どんなふうに書くの？
基本的な四角いだけの飾り枠なら、以下のようなタグとなります。
＜ｔａｂｌｅ ｗｉｄｔｈ＝"２００" ｓｔｙｌｅ＝"ｂｏｒｄｅｒ?ｃｏｌｏｒ：＃３３３３３３； ｂｏｒｄｅｒ?ｗｉｄｔｈ：１ｐｘ； ｂｏｒｄｅｒ?ｓｔｙｌｅ：ｓｏｌｉｄ；"＞
＜ｔｒ＞＜ｔｄ ａｌｉｇｎ＝"ｃｅｎｔｅｒ"＞１ｐｘ ＜／ｔｄ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞
また、オレンジ色で枠の縁取りもちょっとセンス良くしてみると、以下のようなタグにする事もできます。
＜ｔａｂｌｅ ｗｉｄｔｈ＝"２００" ｂｇｃｏｌｏｒ＝"＃ＦＦＡ３１９"＞
＜ｔｒ＞＜ｔｄ ａｌｉｇｎ＝"ｃｅｎｔｅｒ" ｈｅｉｇｈｔ＝"５０" ｓｔｙｌｅ＝"ｂｏｒｄｅｒ?ｏｌｏｒ：＃ＦＦＦＦＦＦ； ｂｏｒｄｅｒ?ｗｉｄｔｈ：１ｐｘ； ｂｏｒｄｅｒ?ｓｔｙｌｅ：ｓｏｌｉ；Color＝＃FFFFFF"＞てきすと＜／ｔｄ＞
＜/ｔｒ＞＜／ｔａｂｌｅ＞
基本を押さえたら簡単？
基本的な飾り枠のタグを覚えれば、あとはカラーを変えたり枠のラインを変えたりして貴方のセンスに合わせた飾り枠を作ることができるはずです。
テンプレートなどもネットではたくさん紹介されているので、ぜひトライしてみてくださいね。
もっと詳しく知りたい
飾り枠テンプレート
種類豊富な飾り枠のテンプレート集です。
Webデザインテンプレート集 : Templates［飾り枠］
シンプルでおしゃれな飾り枠のテンプレートがたくさんあります。
