Read it laterとw-For_Creatingに関するitu0505のブックマーク (2)

  • CSSボタンでテキストを天地中央に揃えるとき、なぜボタン高と行高を一緒にするのか

    Web・HTMLCSS・jQuery・Logo ・組版(InDesignと正規表現)・Design・CitiesSkylines・音楽DockerPHPPythonについて呟きます。建築学科卒から印刷会社の制作部門で20年弱勤務。コーディングは手打ち派。 表題の件が気になり調べたものを共有した方がイイかなと思い公開してみる。 自身の中でまだよく噛み砕けていないので判りづらい箇所があるかと思うが、そこはご寛恕を。 参考Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification(日語訳) Eric A. Meyer著. 株式会社クイープ訳. CSS完全ガイド第2版. オライリージャパ

    CSSボタンでテキストを天地中央に揃えるとき、なぜボタン高と行高を一緒にするのか
  • 『マウスオーバーで画像を切り替えるCSSを書いてみよう』

    リンクの貼り方と、画像の貼り方を応用してリンクを画像にしてみましょう!マウスを乗せると画像が変わるやり方も紹介しますね! 画像でリンクさせるタグ画像でリンクするのはこのタグでできます。 <a href="リンク先URL"><img src="画像のURL" alt="画像の説明" width="画像の横幅" height="画像の高さ" /></a>リンクを貼るタグの「リンクさせる文字」の所を画像を貼るタグに置き換えてあげれば画像でリンクできるようになります! 1枚の画像を使ってCSSで画像を切り替える方法よくボタンなんかにマウスを乗せると画像が切り替わるサイトありますよね!このやり方の説明をしますね! サンプルサンプルボタン リンクはページトップに飛びます。 まずは画像を用意しようマウスを乗せる前と乗せた時の画像をそれぞれ作ります。2枚の画像は同じ高さ、幅でつくってくださいね! それから

    『マウスオーバーで画像を切り替えるCSSを書いてみよう』
  • 1