今回ご紹介するサイトは、京都で老舗の寝具メーカーである
　「ロマンス小杉」様の夏期限定の特設WEBサイトです。

　昨年大ヒットした商品を今年も販売されるにあたり、制作を依頼されました。

　商品名は「アイス眠」！！

　エコが叫ばれる昨今、電気代が家計を苦しめる時代ということもあり、
　就寝時はクーラーを付けず、汗をかいて寝ている人が多いと思います。
　大事な睡眠をきちんと取らないと疲れが取れず、夏バテになる人が
　多いと思います。

　節電を求められる夏場、熱帯夜でお困りの方に最適な商品になっています。

　アイス眠の特長としては、熱をためにくく、素早く放熱する涼感素材を
　使用しているため、ヒンヤリと気持ちよく、寝返りするとすぐに冷たさが
　戻ります。

　枕だけでなく、敷きパッド・掛布団にパジャマ等ラインナップを
　多数用意されています。
　どの商品もひんやりとした感触が気持よく夏の眠りに最適です

　「アイス眠」だけではなく、消臭機能が追加された「アイス眠EX」の
　2種類ご用意されています。
　http://www.romance.co.jp/icemin/iceminex.html

　購入したいけど、どこで売っているのかわからないという方はこちらを
　ご覧下さい。
　http://www.romance.co.jp/icemin/chainlist.html
　取扱店舗が掲載されていますので、お近くの販売店まで
　お立ち寄りください。


　今年の夏を乗り切る涼感寝具です。ご興味を持たれた方は
　一度ご覧下さい。
　http://www.romance.co.jp/icemin/index.html

さて、前回の続きです。
前回→http://www.ryuumu.co.jp/ryuumu/stuffblog/e368.html

前回の例では、ボーダーの色も線種も太さも上下左右バラバラに指定することが出来ます。
では、上下左右同じ色、太さ、線種にしたい場合は･･･？



このように値を一つ指定した場合、上下左右が3px、というように一括指定できます。
値を二つ指定した場合は、記述した順に上下、左右、の太さになります。
では値を三つ指定した場合は？
記述した順に、上、左右、下、の太さになります。
これはborder-colorもborder-styleにも言えることなので
、同じように上記のような書き方が出来ます。

でも、もっと簡単な書き方があります！
それが、border！です。
borderはボーダーのスタイル・太さ・色を指定することが出来ます。
つまり、



としてやることで、3行が1行になりました！
上下左右同じ線を指定するときしか使えませんが、簡単にかけて覚えやすく便利！です。

もちろん、ボーダーを下にしか引きたくない場合は
border-bottom:1px solid #f00;
とすることも可能です。

これで沢山の可能性が広がりますね！
ボーダーは、変わった線種で画像を囲ったり、文章の一部を囲ってみたりすることで
簡単にデザインを変えることが出来る、便利なスタイルシートです。
是非慣れてみてくださいね！

では、また次回！