css定义水平线长度

CSS可以定义不同长度的水平线。在CSS中，水平线是通过border-bottom属性来设置的。通过设置border-bottom属性，可以创建单个、双个、点状或虚线的水平线。

  /* 创建一个单独的水平线 */
  hr.single {
    border-bottom: 1px solid black;
  }

  /* 创建一个双重的水平线 */
  hr.double {
    border-bottom: 3px double black;
  }

  /* 创建一个点状的水平线 */
  hr.dotted {
    border-bottom: 1px dotted black;
  }

  /* 创建一个虚线的水平线 */
  hr.dashed {
    border-bottom: 1px dashed black;
  }

以上的示例代码中，single使用了1像素的实线，double使用了3像素的双线，dotted使用了1像素的点线，dashed使用了1像素的虚线。

它们可以根据自己的需要进行调整。例如，可以改变像素单位的数字来增加或减少线的宽度。还可以改变线的颜色或使用其他属性来调整线的样式。