如何使用线的端点在HTML中从指针向左、向上、向右、向下绘制线

他亲爱的朋友， 我想用css和HTML画一条简单的线（hr）。从左到右和从下到上绘制很简单。但当我想从右指针到左，从上指针到下指针画一条线时，我不能考虑CSS。 任何人都可以为线条画编写CSS和HTML。比如： 1） 左右 2） 左右 3） 上下 4） 自下而上 非常感谢：）

#toptobottom{
高度：100px；
宽度：0px；
左边框：纯黑色；
}
#左向右{
左边距：100px；
宽度：200px；
边框底部：纯黑色；
}

您的问题不是很清楚，请用一些示例代码来描述。我想不出这行代码。我没有任何代码。向我道歉