CSS豎著的HR元素是一種用于創建水平分隔條(HR)的HTML元素。HR元素通常用于在頁面中創建垂直網格布局，例如用于導航、列表、表單等。

在CSS中，可以使用HR元素來實現垂直網格布局，具體使用方法如下：

1. 創建HR元素：

```html

<span>樓層</span>

</HR>

2. 給HR元素添加樣式：

```css

width: 20px;

height: 20px;

border-right: 2px solid #ddd;

border-bottom: 2px solid #ddd;

margin: 0 2px;

上述代碼中，HR元素的寬度和高度均為20像素，并添加了一個白色邊框。另外，在CSS中還可以使用其他樣式來設置HR元素的屬性，例如邊框樣式、背景色等。

3. 示例效果：

打開HTML文件，創建一個HR元素，并添加一個標簽來引用它：

```html

<span>樓層</span>

</HR>

打開CSS文件，給HR元素添加樣式：

```css

width: 20px;

height: 20px;

border-right: 2px solid #ddd;

border-bottom: 2px solid #ddd;

margin: 0 2px;

現在，可以觀察到HR元素已經被設置成了水平分隔條，并添加了一個白色邊框。

需要注意的是，HR元素默認情況下是豎著的，如果需要將其設置為水平分隔條，需要在HTML中將其設置為“<HR>”開頭的斜體字。如果只想讓HR元素顯示為水平分隔條，而不想添加邊框，可以在CSS中直接使用border-bottom屬性，但此時HR元素的背景色將變為黑色。