使用css在页面画一条竖线

要使用CSS在页面上画一条竖线，可以创建一个HTML元素，并使用CSS样式来设置其外观。以下是一个简单的例子：

HTML:




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

CSS:




.vertical-line {
  width: 2px;           /* 线的宽度 */
  height: 100vh;        /* 线的高度，这里设置为视口的高度 */
  background-color: #000; /* 线的颜色，这里设置为黑色 */
  position: fixed;      /* 固定位置，可以根据需要更改为absolute或其他 */
  left: 50%;            /* 线的水平位置，这里设置为页面宽度的一半 */
  margin-left: -1px;    /* 为了确保线条在点击处居中，将左边距设置为宽度的一半的负值 */
}

这段代码会在页面上创建一条从顶部延伸到底部的黑色竖线，位于页面宽度的中间。您可以根据需要调整width、height、background-color和left属性来改变线条的样式和位置。

使用css在页面画一条竖线

评论已关闭

推荐阅读