CSS三橫的樣式可以通過多種方式實(shí)現(xiàn)，以下是一些常見的寫法：

1、使用HTML和CSS實(shí)現(xiàn)：

<div class="three-lines"></div>

.three-lines {
  width: 100%;
  height: 3px;
  background-color: #000;
}

2、使用純CSS實(shí)現(xiàn)：

.three-lines {
  width: 100%;
  height: 3px;
  background-color: #000;
}

3、使用SVG實(shí)現(xiàn)：

<div class="three-lines"></div>

.three-lines {
  width: 100%;
  height: 3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='3' viewBox='0 0 100 3' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M 0 1.5 H 100 V -1.5 H 0 Z'/></svg>");
  background-repeat: repeat-x;
}

這些寫法都可以實(shí)現(xiàn)CSS三橫的樣式，具體使用哪種方式取決于你的需求和偏好。