ピックアップ記事

はじめての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. 整骨院, 求人, 治療, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    プラセンタ

  2. 高松市 整骨院

    利用者様といいね!!その⑤

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

    冷房症

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

    チョコレートの驚くべき効果!!

  5. ありす, 整骨院, 求人, 高松 事故通院, 高松 整骨院, 高松市 ムチウチ, 高松市 整骨院

    利用者様といいね!!その⑰

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

    急な手首の痛み

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

    雨の日の体調不良

  8. 盆栽

    はじめてのhtml5 CSS3

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

    寝るときの姿勢など

人気記事

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

PV解析

  • 368現在の記事:
  • 92693総閲覧数:
  • 45今日の閲覧数:
  • 70昨日の閲覧数:
  • 498先週の閲覧数:
  • 2450月別閲覧数:
  • 62583総訪問者数:
  • 44今日の訪問者数:
  • 65昨日の訪問者数:
  • 448先週の訪問者数:
  • 1342月別訪問者数:
  • 58一日あたりの訪問者数:
  • 0現在オンライン中の人数:
  • 2013年9月21日カウント開始日:
PAGE TOP