CSS是一種用于制作網頁樣式和布局的技術，可以通過CSS來設置HR元素的樣式。HR元素用于在網頁中添加分割線，分割線的樣式和長度可以通過CSS來控制。其中，設置HR元素為星號樣式是一種常見的設置。

hr {
border-style: none;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
height: 0;
margin: 24px 0;
}
hr.star {
margin: 24px auto;
width: 60%;
height: 0;
border: none;
border-top: 1px solid #ccc;
text-align: center;
}
hr.star:before {
content: "\f005";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
margin: 0 0.5em;
position: relative;
top: -0.35em;
color: #ccc;
font-size: 1.5em;
}

以上代碼中，設置HR元素的樣式和長度非常簡單，只要將border-style屬性設置為none，然后再分別設置border-top和border-bottom屬性的樣式和顏色即可。這樣就可以得到一個簡單的水平線。如果需要設置星號樣式的HR元素，只需要添加.star類，然后使用偽元素:before來添加一個星號圖標。這里使用FontAwesome字體庫中的星號圖標，需要在網頁中引入FontAwesome字體文件，然后設置正確的font-family屬性即可。