ピックアップ記事

はじめてのhtml5 css3

はじめてのhtml5 css3

皆様、お盆ラストとなりましたが、いかがお過ごしですか?

私は早起きしてブログを書いています。。が、、やはり、

空手の練習がないと筋トレしないので、筋トレ頑張ってやろうかと思います。

実家で筋トレ頑張ります。

しかし、なぜか、筋肉つかないんですヽ(;▽;)ノ

ぶよぶよ、いつか男性ホルモンの注射を笑

さて、そしてら前回、background-size: cover;や、 background-size: contain;

のお話をしました。

今回はじゃじゃーん!!!

複数の背景画像を指定する

です。めっちゃ簡単です、background-image: url(ほにゃらら.png),url(ほにゃらら.png),;

で左側から順番に表示されていきます。

それではpngデータを用意しますね。

Windows_logo slime

こんな感じのデータです。

じゃあ簡単にデモってみますね☆

<div style=”width: 300px; height: 300px; background-image: url(http://aliceplanblog.com/wp-content/uploads/2014/08/slime.png),url(http://aliceplanblog.com/wp-content/uploads/2014/08/Windows_logo.png); background-position:center; background-repeat: no-repeat;”></div>

 

ばこんこんな感じです、

なんか豪華なスライムですね笑

実は今までタグ書いてきましたが、background:;

半角で区切るだけで、値はかけるのです、

これって、タグの省略なのでかなり便利ですし、

たぶん、色々なタグがそういうことなんでしょう、

また一つ勉強になりましたね☆

※注意事項が一つあります

・実数の場合は[,]で区切ること、imageのurlはスラッシュですることです、

ブラウザによっては色々あるようなので、しっかり検証しながらショートできれいなコードを書けるようになれば嬉しいですね☆

次回は初歩的なフロートです!

お楽しみに!!

今から、お墓参りしてくるよ~~

みんなも先祖を大事にしてね!!

やっぱ、先祖いないと今の自分はいないからね!!笑

それでは!!

 

 

この記事を書いた人

中村 真徳
中村 真徳
(株)アリスプラン 代表取締社長
サービスITソリューションで関わる人を幸せに
平成5年4月1日 髙松市より香川町剛柔流空手道スポーツ少年団 発足
平成22年11月 個人事業主開業
平成24年8月  株式会社アリスプラン 代表取締役
会社理念「サービスITソリューションで関わる人を幸せに」
道徳と利潤の調和を目指し日々奮闘中
趣味…自分がしたいことをするのが趣味です

この投稿者の最近の記事

関連記事

  1. CCC勉強会

    CCC勉強会

  2. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    ダイエット対決 ~途中経過~

  3. 盆栽

  4. 枕の高さ ちょうどいい高さ

    寝るときの姿勢など

  5. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    真夏の、、、冷え性、、、

  6. 高松 デザイン

    デザインのコツ その②

  7. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    祝!優勝!!

  8. 予防介護体操

  9. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    トレーナー活動日記①

人気記事

  1. 予防体操 チラシ
  2. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院
  3. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院
  4. 高松市 猫背

PV解析

  • 488現在の記事:
  • 133529総閲覧数:
  • 47今日の閲覧数:
  • 61昨日の閲覧数:
  • 680先週の閲覧数:
  • 1291月別閲覧数:
  • 94558総訪問者数:
  • 26今日の訪問者数:
  • 47昨日の訪問者数:
  • 395先週の訪問者数:
  • 906月別訪問者数:
  • 53一日あたりの訪問者数:
  • 0現在オンライン中の人数:
  • 2013年9月21日カウント開始日:
PAGE TOP