Question

你们如何制作一个特定尺寸和位置的实心球，以使尺寸或位置不会根据其外部元素而改变。（在主要浏览器中）

让我们说外部元素将是另一个总是白色的球。

当然排名第一的可能是使用实心球的图像......视情况而定，如果我想要内球颜色可以轻松编辑，那该怎么办呢。

那么：如何实现特定尺寸和位置的可编辑球，以便任何一个主浏览器都不会改变？（考虑到所有主流浏览器的形状也应保持完整）

只有可编辑的因素必须是它的颜色。

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;
}

检查这个例子。

Easier way to create circle div than using an image?

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

具体尺寸和位置的实心球

1 个答案: