imgタグとＣＳＳでのbackground-image:urlとの違い « vanillate
「画像」なのか、「背景」なのか、それが問題だ。 ＨＴＭＬでは文章の基本構造を基に書き、ＣＳＳではデザインを指示することがいまやスタンダードとなっています。これは、ＨＴＭＬ構造を簡単にして、いままであったテーブルでの段組が減り、読みやすくすし、そしてデザインの幅を持たせ、統一することができる、といった恩恵をうけました。 しかしながら、いままで管理するメインファイルが１枚のhtmlだったのに対して、１枚のhtml＋ＣＳＳファイル（１枚＋α）となり、初心者の勉強のハードルがあがっていると聞いて、今回は画像の読み込みをメインに書いてみようと思います。 よく見かける画像の読み込み方法 ・ＨＴＭＬ通常の記述 <img src=”画像ファイルまでのパス” /> ・CSSでの読み込み（ＣＳＳファイル内） background-image:url(“画像ファイルまでのパス”); ・CSSでの読み込み（Ｃ
CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル:phpspot開発日誌
Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のＣＳＳを適用。 p.thumb{ float:left; margin:.5
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
