特定のサイズと位置のソリッドボール

Question

どのように特定のサイズと位置のソリッドボールを作って、その外側の要素によってサイズや位置が変わらないようにしますか？ （主要なブラウザで）

外側の要素は、常に白い別のボールになると言います。

もちろん、ナンバーワンのソリッドボールの画像を使用することもありますが、場合によっては内側のボールの色を簡単に編集したい場合はどうなりますか？

So：特定のサイズと位置の編集可能なボールをどのようにして、いずれかの主要なブラウザで変更されないようにするにはどうすればよいですか？ （形状がすべての主要なブラウザにそのまま残っていることを考慮して）

編集可能な要素のみがその色でなければなりません。

Answer 1

は、border-radiusを使用してdivを円にすることができます。したがって、divの色を簡単に編集することができます。ポジションについては、position absolute or fixedを定義することができます。例えば

div{ 
    -webkit-border-radius: 999px; 
     -moz-border-radius: 999px; 
     border-radius: 999px; 
     behavior: url(PIE.htc); 
    position:absolute; 
    top:20px; 
    right:50px; 
    width:200px; 
    height:200px; 
} 

この例を確認してください。あなたは、CSSで要素の絶対または固定位置を使用し、他の1の内側に一つの要素を置かないでください。このような場合には

Easier way to create circle div than using an image?

How to use CSS to surround a number with a circle?