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

在CSS中，可以使用HR元素來實現(xiàn)垂直網(wǎng)格布局，具體使用方法如下：

1. 創(chuàng)建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中還可以使用其他樣式來設(shè)置HR元素的屬性，例如邊框樣式、背景色等。

3. 示例效果：

打開HTML文件，創(chuàng)建一個HR元素，并添加一個標(biāo)簽來引用它：

```html

<span>樓層</span>

</HR>

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

```css

width: 20px;

height: 20px;

border-right: 2px solid #ddd;

border-bottom: 2px solid #ddd;

margin: 0 2px;

現(xiàn)在，可以觀察到HR元素已經(jīng)被設(shè)置成了水平分隔條，并添加了一個白色邊框。

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