主页 / 问题 / 589599
Accepted
Pikachu
Asked:2020-11-11 03:11:03 +0000 UTC2020-11-11 03:11:03 +0000 UTC

定位 CSS 可绘制圆圈

  • 772

我有一个看起来像这样的风格：

杯子一个接一个

你需要确保圆圈是交错的，如下图所示。

杯子通过一个

你需要像这样铺设整个背景。

body {
  background: radial-gradient(circle, #ff72f7 40%, rgba(255,114,247,0) 40%) 100px 100px;
  background-color:white;
  background-size:250px 250px;
}
css

1 个回答

  1. Best Answer

    .polkaDot {
   background: radial-gradient(circle, #ff72f7 30%, rgba(255,114,247,0) 30%), radial-gradient(circle, #ff72f7 30%, rgba(255,114,247,0) 30%) 125px 125px;
   background-color:white; 
   background-size: 250px 250px;
}
    <div class="polkaDot" style="width: 100%; height: 300px;></div>

    对于background=的交错放置大小background-size/2

    • 24

相关问题