画像にマウスを乗せるとかわる（CSS)

CSSを使って　画像にマウスを乗せるとかわるやり方。

HTMLを使ったやり方は、1月13日の記事
HTMLは、これだけ　　（annaiは、ID名）
<span id="annai"><a href="goannai/index.html"　target="_parent"></a></span>
CSSで　背景を指定します。
#annai a:link{
background-image:url('botan/annai_1.jpg');
width:190px;
height:30px;
margin-left:3px;
}
#annai a:hover{
background-image:url('botan/annai_2.jpg');
width:190px;
height:30px;
margin-left:3px;
}
#annai a:visited{
background-image:url('botan/annai_2.jpg');
width:190px;
height:30px;
margin-left:3px;
}
『 a:link 』　は、リンクが張ってあるもの
『 a:hover　』　は、マウスをのせた時リンク

『 a:visited 』　は、訪れたことのあるリンク
url は、画像のアドレス。
マウスをのせる前の画像

http://87sounin.jp/img/botan/annai_1.jpg

マウスをのせた時の画像

http://87sounin.jp/img/botan/annai_2.jpg

でもこれだと、訪れたことのあるリンクは、ずっとチューリップが咲いた画像になってしまうんだけど・・・・
花創人Webページの
の部分だけ　CSSで変わるようにしてあります。
やっぱり、HTMLで変わるように直そうと思います。

お花の入荷情報ライブは、月曜日・木曜日PM５時から！お楽しみに！

(ライブできないこともあります）

バックナンバーはこちら　↓

お問い合わせ・ご注文は　LINE・お電話でお願いします

植物の調和ハーモニーを楽しむ『Plants gathering®(プランツギャザリング)』！

寄せ植えとフラワーアレンジメントの中間の寄せ植え「そのうちきれいになる」「育てる」としての寄せ植えから「魅せる」「鑑賞する」「アート」としての寄せ植え『Plants gathering®(プランツギャザリング)』をご提案しています。

オゼジュン先生 Plants gathering®(プランツギャザリング)レッスン

花創人ガーデニング教室では、寄せ植え・Plants gathering®(プランツギャザリング)・ハンギングバスケットの教室を少人数でていねいにレッスンさせていただいていますので、初心者でも安心です。

器・植物は厳選したものを使用しハイクオリティな寄せ植え教室を行っています。

根の様子、枝振りを観察し植物と対話しながら、植え込んでいくと、まるでお花畑のようにナチュラルに、フラワーアレンジメントのようにゴージャスな作品が出来上がります。

【お花が好き！】をお仕事にしたい方へ

プロを目指す方のためのレッスン(プロ育成ライセンス講座）プランツギャザリング資格取得のためのレッスンも行っています。

オゼジュン先生が作るPlants gathering®(プランツギャザリング)

開店祝い、誕生日プレゼントなどのギフトにぴったりです。あなただけのオーダーメイドのリースや寄せ植えハンギングバスケットをお作りします。

作っている工程をYoutubeライブで見ることができるので安心です。

愛知・岐阜・三重、東海・中部地方をはじめ全国に発送いたします。

「すごい」ではなく「すてき」な花飾りをご提案します。

花創人はなそうにん　尾関純子　TEL：058-382-1871