1

これはおそらく非常に初心者の質問ですが、それが私がCSSにいることです。私はこれを持っています：

<div id="box">
        SAMPLE TEXT TO DISPLAY IN BOX!
</div>

そして、このボックスへの css は外部シートにあります (これは正しく html ページにリンクされています):

#box {
border-radius: 28px; 
-moz-border-radius: 28px; 
-webkit-border-radius: 28px; 
border: 5px solid #3B5998;
}

自分のページでコードを使用しようとすると、うまくいきません! 理由はありますか？質問が単純すぎる場合は、もう一度申し訳ありません:)

編集：中央の別のdiv内で使用したボックス。その使用方法は次のとおりです。

<div id="center">
    <div id="box">
        Hdadjlsd
    </div>
</div>

センターのcssは次のとおりです。

#center { 
margin-right:200px;
background-color:white; 
min-height:700px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:700px; /* for IE5.x and IE6 */
}

このタグの外では機能します。

編集:クロムで強調表示された問題を示すスクリーンショット。要素を検査するときに赤いボックスが現在どこにあるかを示していますここに画像の説明を入力

4

4 に答える 4

2

このコードをコピーして html に貼り付けて、機能しているかどうかを確認してください。クロムを使用している場合は確実に機能します:)、動作する場合は、cssをhtmlに入力して実行します。

 <html>
  <head>
  <style type="text/css"> 
   div
 {
 border:2px solid #a1a1a1;
 padding:10px 40px; 
 background:#dddddd;
 width:300px;
 border-radius:25px;
 }
 </style>
 </head>
 <body>
 <div>The border-radius property allows you to add rounded corners to elements.</div> 
 </body>
  </html>
于 2012-09-18T06:47:27.453 に答える
0

これらのコードのように使用できます。

-moz-box-shadow: 2px 2px 7px #000000;
-webkit-box-shadow: 2px 2px 7px #000000;
 box-shadow: 2px 2px 7px #000000;
-moz-border-radius-topleft: 28px;
-moz-border-radius-topright:28px;
-moz-border-radius-bottomleft:28px;
-moz-border-radius-bottomright:28px;
-webkit-border-top-left-radius:28px;
-webkit-border-top-right-radius:28px;
-webkit-border-bottom-left-radius:28px;
-webkit-border-bottom-right-radius:28px;
border-top-left-radius:28px;
border-top-right-radius:28px;
border-bottom-left-radius:28px;
border-bottom-right-radius:28px;

ここでCSSコードを確認できます

于 2012-09-18T06:52:35.547 に答える
0

......................border-radius あなたの#centerid divに与える

このように

    #center { 
      border-radius:28px 28px 0 0;
-webkit-border-radius:28px 28px 0 0;
-moz-border-radius:28px 28px 0 0;
    }

デモ

于 2012-09-18T06:55:25.670 に答える
0

ページ内にcssを含めてみましたか?? 一般的な傾向は、外部リンクとしてではなく、ページ内でそのような CSS を使用することです。

于 2012-09-18T06:43:19.777 に答える