WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。
投稿日：2015年9月3日 更新日：
今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。
以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応していましたが、CSS3からはカンマ区切りで複数指定が出来る様になったのでhtmlソースの簡略化が可能になりました！
<style>
.demo {
background-image:url(CSS3.png), url(CSS3.png);
background-repeat:no-repeat, no-repeat;
background-position:left top, right bottom;
background-size:50% auto, 200px auto;
}
</style>※非対応プラウザではデモが正常に表示されない場合があります。
この他のCSS3の便利な使い方もご覧下さい。
知ってそうで知らないCSS3の便利な使い方【その3：box系プロパティ】
関連記事
ウェブ上学習プログラム「Dash」！ブラウザでWEB制作（HTML, CSS, JavaScript）の基礎を学べ
この「Dash」と呼ばれるプログラムはGeneral Assemblyが起業家などを育てる教育分野に転身したのをきっかけにもともと自社内の教育ツールとして開発されたものだったらしいのですが、評判が良か …
【Vol.1】優れたキャッチコピーを見て、閃き力を上げよう！【ファッション編】
Contents は～るがき～た、は～るがき～た♪ みなさまこんばんは。いかがお過ごしでしょうか？ 桜の花が各地で満開を迎え、 日差しもあたたかくなり春を感じることが少しずつ増えていく毎日ですね。 春 …
こんにちは、デザイナーのSです。 今回は、MozillaがAIによるWebサイト制作サービス「Solo」を公開したということで、実際に使ってみました。 最初に「すでに持っているウェブサイトのURL」「 …
皆さん！ こんばんは！！ 株式会社マーカーネットでwebデザインを修行をしている新人デザイナーKです。 普段、皆さんはデザインを作るとき、どこからデザインのネタを探しているんですか？ 私は場合は、そう …
先日リリースされました、movable type6を操作していました。 – ダッシュボード グーグルアナリティクスをアカウント設定しますと、 サイト情報欄に、アクセスの情報が表示されます。 …
