デモのキャプチャ(100%) ※クリックで全表示 実装は下記のようになります。 HTML 疑似要素「:after」を使用するため、spanでimg要素を内包します。 <textarea name="code" class="html" cols="60" rows="5"> <span class="fancy">< img src="dingo.jpg" /></span> </textarea>
第 2 回目は「色々なカラムレイアウト(段組)を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 CSSは以下のように設定します(重要な箇所だけ抜粋)。またご紹介するレイアウトすべてで第1回記事のデフォルトリセットも使用しています。 /* ========================================================= ■wrapper ========================================================= */ d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く