【CSS】borderプロパティを使って額縁をデザイン
こんにちは、senbaです。
今回はborderプロパティを使って
枠線を額縁のようにデザインしてみたいと思います。
このようなものを作成していきます。
たとえばこのようにして
写真に対してborderプロパティを使用することによって
額縁をデザインすることができます。
borderプロパティにはさまざまな線種があります。
その中の「inset」「outset」の値を使用して
額縁のような枠線を表現することができます。
今回は下記のようにスタイルの指定を入れてみました。
.frame{border:inset 10px #0080ff;}
一度試してみてくださいね。
senba
Follow me!
夢を叶えるキャリアアップスクール パソコン教室ISA船橋FACE校
「すべては受講生のために」をモットーに、ビジネスに必要なパソコンスキルから
就転職に向けてのパソコン資格の取得まで個別授業を行っています。
是非お気軽にご来校ください。
住所：千葉県船橋市本町1丁目3-1 FACEビル12F
連絡先：TEL: 047-424-3544
Mail: isa_funabashi@isa-school.co.jp
授業時間
月～木 10:30～20:30
金～日 10:00～17:00
