使用div 标签 画一根竖线 和 一根横线 指定坐标位置

要使用div标签画一根竖线和一根横线，并指定它们的坐标位置，可以使用CSS的position属性和top、left属性来实现。

HTML代码：

<div class="line vertical"></div>
<div class="line horizontal"></div>

CSS代码：

.line {
  position: absolute;
  background-color: black;
}

.vertical {
  width: 1px;
  height: 100px; /* 竖线高度 */
  top: 50px; /* 竖线的垂直位置 */
  left: 100px; /* 竖线的水平位置 */
}

.horizontal {
  width: 100px; /* 横线宽度 */
  height: 1px;
  top: 150px; /* 横线的垂直位置 */
  left: 50px; /* 横线的水平位置 */
}

在上述代码中，我们使用了两个div元素，分别设置了class为"line vertical"和"line horizontal"。CSS中，我们使用position: absolute;将这两个div的定位方式设置为绝对定位，这样才能使用top和left属性来指定它们的位置。

对于竖线，我们设置了width为1px，height为100px来确定它的尺寸，top为50px，left为100px来确定它的位置。

对于横线，我们设置了width为100px，height为1px来确定它的尺寸，top为150px，left为50px来确定它的位置。

这样就可以在指定的坐标位置上画出一根竖线和一根横线。