エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
cssで四隅にだけ囲み枠をつける方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
cssで四隅にだけ囲み枠をつける方法 - Qiita
「四つ角」というワードで検索するとなかなか情報が出てこない。 毎度忘れて検索しがちなので備忘録のた... 「四つ角」というワードで検索するとなかなか情報が出てこない。 毎度忘れて検索しがちなので備忘録のためにまとめておく。 DEMO(codepen.io) borderを擬似要素で隠すイメージ .wrapper { text-align: center; width: 100px; position: relative; border: solid 1px black; background-color: #fff; } .wrapper::before, .wrapper::after { position: absolute; content: ""; display: block; background-color: #fff; } .wrapper::before { top: -1px; bottom: -1px; left: 5px; right: 5px; } .wrapper: