CSS中可以通過border屬性來創建線條，這里是一種創建兩條線的方法：

/* 定義基本樣式 */
.line {
width: 100%;
position: relative;
display: inline-block;
}
.line:before, .line:after {
content: "";
position: absolute;
top: 50%;
width: 50%;
height: 1px;
background-color: #000;
}
/* 定義水平線 */
.line:before {
left: 0;
}
.line:after {
right: 0;
}
/* 定義垂直線 */
.line-v:before {
left: 50%;
transform: translateX(-50%);
height: 100%;
width: 1px;
}
.line-v:after {
left: 50%;
bottom: 0;
transform: translateX(-50%);
height: 50%;
width: 1px;
}

以上代碼定義了兩個class：line和line-v。使用line可以創建兩條水平線，而使用line-v可以創建一條豎直線和一條水平線。

以下是HTML中如何使用這些class來創建線條的示例：

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

在網頁中插入以上代碼后，就可以看到兩條線條分別水平和垂直地穿過了頁面。