css 用线条划分区域

CSS可以用负责的线条将不同的网页区域分割开来，从而使页面更加清晰和易于阅读。

代码示例：
.container {
   border: 1px solid black; /*添加黑色边框*/
   padding: 10px; /*为区域添加10像素的内边距*/
}

.left {
   float: left; /*左侧定位*/
   width: 50%; /*左侧区域占据总宽度的50%*/
   border-right: 1px solid black; /*添加黑色右侧边线*/
}

.right {
   float: right; /*右侧定位*/
   width: 50%; /*右侧区域占据总宽度的50%*/
   border-left: 1px solid black; /*添加黑色左侧边线*/
}

在上述代码中，我们创建了一个名为“container”的div元素，并将其设置为具有1像素的黑色边框和10像素的内边距。然后，我们创建了名为“left”和“right”的两个子div元素，并使用“float”属性将它们定位到页面左右两侧。

为了给左右两个区域之间添加线条，我们对左侧区域添加了一个黑色的右侧边线，对右侧区域添加了一个黑色的左侧边线。这样，页面会更加整洁、清晰。