用html+css画一个正方形 4条线从左到右从上到下跑动

好的，下面是用 HTML 和 CSS 画一个正方形，然后让其四条边从左到右、从上到下跑动的代码：

HTML：

<div class="square"></div>

CSS：

.square {
  width: 100px;
  height: 100px;
  border: 2px solid black;
  position: relative;
  animation: move 3s linear infinite;
}

@keyframes move {
  0% { top: 0; left: 0; }
  25% { top: 0; left: 100px; }
  50% { top: 100px; left: 100px; }
  75% { top: 100px; left: 0; }
  100% { top: 0; left: 0; }
}

这段代码会生成一个边长为 100px 的正方形，四条边由粗黑线构成，然后应用了一个名为“move”的动画，通过改变 top 和 left 的值来让其从左到右、从上到下地跑动。