css怎么上下移动字体

在CSS中，可以使用position: relative属性来实现上下移动字体的效果。

.text {
  position: relative;
  top: 20px; /* 向下移动20个像素 */
}

.text2 {
  position: relative;
  bottom: 10px; /* 向上移动10个像素 */
}

以上代码中，text类和text2类的元素会分别在垂直方向上移动20px和向上移动10px。

如果需要实现水平方向上的移动效果，可以使用left和right属性来实现。

.text {
  position: relative;
  left: 20px; /* 向右移动20个像素 */
}

.text2 {
  position: relative;
  right: 10px; /* 向左移动10个像素 */
}

以上代码中，text类和text2类的元素会分别在水平方向上移动20px和向左移动10px。

注意，使用position: relative属性进行元素的移动时，元素仍然会占用其原有的空间，因此可能会对页面布局产生影响。如果需要完全改变元素的位置，建议使用position: absolute属性。

.text {
  position: absolute;
  top: 50px;
  left: 100px;
}

以上代码中，text类的元素会被绝对定位到页面中的(100px,50px)位置。