気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
weble.orgエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS のみで画像を使わず border を2本引いて影っぽくするには :before 擬似要素を使うと便利
今回は CSS のみで以下の画像のような影付きの線を作ります。 以下のコードで実装できます。変更点は bo... 今回は CSS のみで以下の画像のような影付きの線を作ります。 以下のコードで実装できます。変更点は border の色の部分のみです。 header .menu { z-index: 10; position: relative; border-bottom: 1px #ff3700 solid; } header .menu:before { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: -1; border-bottom: 1px #d32f02 solid; } :before 擬似要素は IE8 移行からしか対応していなかった覚えがありますので、IE6 IE7 に対応する場合は使えません。ただ、最近 IE6 を飛び越えて IE8 利用者
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
weble.org
weble.org
weble.org
weble.org
anond.hatelabo.jp
president.jp
anond.hatelabo.jp
www.huffingtonpost.jp
www.ipa.go.jp
blog.did0.es
www.itmedia.co.jp
blog.jxck.io
susisu.hatenablog.com
ascii.jp
forest.watch.impress.co.jp
www.itmedia.co.jp
2013/05/02 リンク