使用jQuery和.css创建由6个图像组成的完美环

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="image-container"></div>

$(document).ready(function() {
  var container = $("#image-container");
  container.css({
    "display": "flex",
    "justify-content": "center",
    "align-items": "center",
    "width": "300px",
    "height": "300px",
    "border-radius": "50%",
    "background-color": "lightgray"
  });
});

$(document).ready(function() {
  var container = $("#image-container");
  container.css({
    // 设置容器元素的样式
  });

  for (var i = 0; i < 6; i++) {
    var image = $("<img>");
    image.attr("src", "image" + i + ".jpg"); // 替换为实际的图像路径
    image.css({
      "width": "80px",
      "height": "80px",
      "border-radius": "50%",
      "transform": "rotate(" + (i * 60) + "deg)",
      "position": "absolute"
    });
    container.append(image);
  }
});