Q&A
表題の通りなのですが、CSSで一定の画面幅以上になったら（要素の色に合わせて）左右の余白を広げていく方法はあるでしょうか？
要素の色が同じであれば、max-width: n、margin: autoとbackground-colorを指定すれば、一定のwidth以上の場合にそれ以上要素を拡大せずに左右の余白を広げることが出来ますが、
ページがボーダーのような配色になっていた場合、上記方法では余白の色と要素の色が異なる部分が出来てしまいます。
何か良い方法をご存知の方がいらっしゃいましたら、ぜひ教えていただればと思います。
回答1件
0
バックグラウンドに画像として入れてみてはどうでしょう
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8" /> 5 <link rel="stylesheet" href="style.css"> 6 </head> 7 <body> 8 <img src="image1.png" > 9 </body> 10</html>
css
1body {background-image: url("background1.jpg"); }
投稿2020/12/12 14:48
総合スコア295
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。