CSS橫線制作指南

在CSS中，橫線是一種常用的裝飾和分隔元素，通過簡(jiǎn)單的CSS樣式，我們可以輕松地制作出各種類型的橫線，下面是一些制作橫線的CSS樣式示例：

1、基本橫線：

hr {
  border: 0;
  height: 1px;
  background-color: #000;
}

2、帶有樣式的橫線：

hr {
  border: 0;
  height: 2px;
  background-color: #f00;
}

3、帶有樣式的斜線：

hr {
  border: 0;
  height: 100px;
  background-image: linear-gradient(to right, #ff0000, #00ff00);
}

4、帶有樣式的波浪線：

hr {
  border: 0;
  height: 5px;
  background-image: wave(5px, 10px, #ff0000, #00ff00);
}

這些樣式可以根據(jù)你的需求進(jìn)行調(diào)整和擴(kuò)展，你可以根據(jù)自己的喜好選擇不同的顏色、高度和樣式來制作獨(dú)特的橫線，希望這些示例能幫助你制作出漂亮的橫線！