エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【css】web全体を枠(フレーム)で囲う方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【css】web全体を枠(フレーム)で囲う方法 - Qiita
最近よく見るweb全体をフレームで囲うデザインを実装するときに、わりと迷ったので記事にしました。 課... 最近よく見るweb全体をフレームで囲うデザインを実装するときに、わりと迷ったので記事にしました。 課題 枠はスクロールしても位置が変わらない bodyはスクロールさせたい(bodyの子要素にボーダーをつけてoverflowを設定するのは嫌) 解決策 body / htmlタグ自体に::before,::after擬似要素を追加 position: fixedの四角を上下左右に配置 実際のコード /* 枠の太さ = 10px */ /* 枠の色 = #f08d24*/ html:before, html:after, body:before, body:after { content: ""; background: #f08d24; position: fixed; display: block; z-index: 1; } /* 上 */ html:before { height: 10