使用css在页面画一条竖线
warning:
这篇文章距离上次修改已过186天，其中的内容可能已经有所变动。
要使用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属性来改变线条的样式和位置。
评论已关闭