0

ページの背景だけで角を丸くできるかどうか疑問に思っているので、たとえば-

body{background-color:#7A991A;

ページの各コーナーを丸くしたいですか？ありがとう

4

5 に答える 5

3

html要素に背景色を指定する必要があります。

html, body {
    height: 100%;
}
html { background: white }
body {
    background-color:#7A991A;
    border-radius: 20px;
}

これがフィドルです：http://jsfiddle.net/wYKa3/

于 2012-04-15T23:21:41.797 に答える
1

あなたはこれを使うことができます：

body{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);
box-shadow: 0 2px 2px rgba(0,0,0,0.3);
background:#7A991A;
}

丸みを帯びたシャドーカラーのコーナーのある背景です。

于 2012-04-16T00:59:25.917 に答える
0

次のように-webkit-border-radiusandを使用することもできます。-moz-border-radius

body {
    background-color:#7A991A;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

さまざまなブラウザとの互換性を高めるため。

于 2012-04-16T01:03:02.467 に答える
0

ブラウザの互換性レベルでこのCSSを確認できます。

    html, body {
    height: 100%;
    background: white
}

body {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius: 20px;
background:red;
}

デモ:- http://jsfiddle.net/trzpK/

于 2012-04-16T06:39:20.570 に答える
-1

これは不可能だと思います。「本文」はドキュメント全体なので、ページの角を丸くすると、その下に何が表示されますか?

<div>おそらく、全幅と全高を持つ要素でページ コンテンツをラップし、本文の代わりに丸みを帯びた角を設定することができます。次に、本体の背景をフルサイズの div の色とは異なる色に設定すると、設定が完了します。このようなものが動作するはずです:

HTML: 

<body>
  <div id="content">
    <!-- Your content here -->
  </div>
</body>

CSS:

body { background-color: #000000; }
#content { 
  width: 100%; 
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 10px;
}
于 2012-04-15T23:28:04.300 に答える