人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSの背景についての質問です
[HTML]****************************
<div>
<p>HELLO</p>
<p id="hello">
HELLO
HELLO
HELLO
</p>
</div>
[CSS]**************
div {
background:black;
}
div #hello{
background:black;
}

とした時に同じ色で背景を設定すると完全に背景とどうかするのではなく、よく見ると<#hello>の縁に白色の線で囲まれてしまい、見た目がよくありません。

大きさの異なる同じ背景で重ねた時にこの白い縁で囲まれるように見えてしまう現象を無くすことはできないのでしょうか?

よろしくお願いします。

*iPadやiPhoneで見た時にはより顕著に見えてしまいます

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 匿名回答1号
ベストアンサー

padding margin border が関係してきますが、ブラウザによってデフォルトは違うし、同じ指定でも動作が微妙に違います。

pタグの padding margin border をゼロにしてみるなどの調整を行ってみてください。


2 ● 匿名回答2号

あとは、CSSでbodyにもbackground:blackを指定するとか。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ