<dd>dd要素です。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</dd>
contentプロパティは、要素の直前または直後に、文字列や画像などのコンテンツを挿入する際に使用します。 contentプロパティを適用することができるのは、:before擬似要素および:after擬似要素のみです。 擬似要素(pseudo-element)とは、直訳すれば「偽りの要素」となります。 要素の一部にスタイルを適用するために、擬似的に設定される「要素のようなもの」のことです。 :before擬似要素および:after擬似要素は、要素の直前および直後に、文字列や画像などのコンテンツ(内容)を挿入するために擬似的に設定されます。 ■値 文字列 挿入する文字列を「"」または「'」で括って指定します。 URI(URL)でファイルを指定 URI(URL)で画像や音声等のファイルを指定します。 カウンタ ここでいうカウンタとは要素内容に自動連番をつけるということです。counter()関
今回はCSS3のみで1pxのラインまでデザインされたナビゲーションを作ってみました。 □demo □サンプル.zip 参考までに・・・こちらがPhotoshopで制作したナビゲーションです。(画像使用) 次にこちらが今回CSS3のみで作成したナビゲーションです。(画像不使用 Win7 Firefox12.0でキャプチャ) どうでしょう?さほど違いはないんじゃないでしょうか? HTML <ul id="menu"> <li class="first active"><a href="#">デザイナー</a></li> <li><a href="#">プログラマー</a></li> <li><a href="#">社長ブログ</a></li> <li class="last"><a href="#">お空</a></li> </ul> HTMLソースはわずかこれだけ! 本当はクラス名の「fir
レスポンシブWebデザインで、Media Queriesを使って3カラムと2カラムを切り替えるためのCSSの設定について紹介します。 1.やりたいこと まず、次のような3カラムレイアウトがあるとします。一番左がメインコンテンツで、その右側にサイドバーが2列並んだものです。 あるいは、左右にサイドバーがあるオーソドックスな3カラムレイアウト。 これらの3カラムレイアウトをデバイス幅によって2カラムレイアウトになったときに、サイドバーを縦1列に並べるというものです。 また、メインコンテンツの高さが、サイドバー(上)の高さより低い場合でも、サイドバー(下)がメインコンテンツ側に回り込まないようにします。 さらに、各レイアウトは固定・リキッドのいずれも実現し、レイアウト全体はセンタリングさせます。 上記のレスポンシブWebデザインのサンプルを作るにあたってウェブを検索したのですが、同様のサンプルが
30 Creative Websites With Unusual Navigation | OurTuts.com ナビゲーションが斬新な30のサイト。 ナビゲーションというと一般的なデザインのパターンは決まっていて、それはそれで使いやすくていいんですが、ナビゲーションにも個性と面白さを出したいという際に参考にできるかも。 あまり他で見ないような斬新なナビゲーションを頭の片隅においておくと、いざ変わったものを作ろうと思った時に製作のヒントとなるかも 利便性も個性も兼ね備えたナビゲーションはPinterestのように広く使われるようになっていく気がしますね。 関連エントリ これは必見のWEBデザインの近未来。HTML5で構築されたサイト45 綺麗にデザインされたピクトグラムアイコン100個セット Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く