以下是一个简单的示例，展示如何在HTML中添加一条黑色的直线：
<!DOCTYPE html>
<html>
<head>
<style>
hr.black-line {
border: 0;
height: 1px;
background-image: linear-gradient(to right, black, black);
background-color: black;
}
</style>
</head>
<body>
<hr class="black-line">
</body>
</html>在这个示例中，我们定义了一个CSS类名为black-line，它设置了一个黑色的背景色和线性渐变背景图像（虽然在这个特定情况下，渐变效果并不明显，因为起始和结束颜色都是黑色）。然后，我们在<hr>标签中应用了这个类，从而在页面上显示一条黑色的直线。注意：这种方法使用了CSS的background-image和background-color属性来创建黑色线条。你也可以通过其他CSS属性（如border-top）来实现类似的效果。选择哪种方法取决于你的具体需求和偏好。
另外，如果你想要更细或更粗的线条，可以通过调整height属性的值来实现。例如，将height设置为2px会得到一条更粗的线条。
