エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
角アール
before:after:擬似要素で画像を使った角丸boxです。 要素に対応しているブラウザは角が丸くなります。角... before:after:擬似要素で画像を使った角丸boxです。 要素に対応しているブラウザは角が丸くなります。角丸分のスペースは増えません。 対応していないブラウザでも高さ幅はかわらないのでレイアウトは崩れません。 擬似要素を追加して角を丸くしたbox before: after: 擬似要素を使ってないboxです。 左のボックスと同じパディングを設定しています。角丸分のスペースは減りません。 対応していないブラウザでは要素が表示されないのでレイアウトは崩れません。 なにもせずbox .kad, .non_kad { background:#e9967a; /* 土台のpaddingに疑似要素をマイナスマージンで重ねる */ padding:20px; } .kad:before {/* 画像のサイズはw10px h10px */ /* 左の画像はcontentで */ content: