CSS中，创造一个正方形

可以使用如下的CSS代码：

.square {
  height: 100px;
  width: 100px;
  background-color: red;
}

在HTML中使用该class名来创建一个正方形元素：

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

这样就可以创建一个100x100像素的红色正方形了。

相关问题

css中如何隐藏一个元素

可以使用CSS的display属性来隐藏一个元素，如下所示：

.element {
  display: none;
}

这会将该元素隐藏，不会在页面中显示出来。如果想要在某些情况下重新显示该元素，可以通过JavaScript来更改display属性的值，例如：

document.querySelector('.element').style.display = 'block';

css3 实现一个正方形沿着宽200 长500 的操场运动

可以使用CSS3的动画实现正方形沿着宽200 长500 的操场运动。以下是一个简单的例子：

HTML代码：

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

CSS代码：

.square {
  width: 50px;
  height: 50px;
  background-color: red;
  animation: move 5s linear infinite;
}

@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(200px);
  }
  100% {
    transform: translateX(400px);
  }
}

在这个例子中，通过CSS设置了一个div元素，背景颜色为红色，并使用了CSS3的动画功能，让正方形在5秒内无限循环沿着宽200 长500 的操场运动。通过@keyframes规则定义了动画的开始和结束状态，控制了正方形的位置变化。你可以根据自己的需要修改动画的属性和样式。