javascript - 用 css 交替 div 线分隔符

Question

如果可能的话，我正在尝试找出是否有一种方法可以替换内容行分隔符的颜色。

例如:

问题是它必须是自动的，所以我假设可能需要 javascript，但我找不到这样的东西。我知道有些事情表明如果你有类似 this 的东西，你必须交替.我说它必须自动更改，因为我使用的是 wordpress，因此将输入一行/代码片段，并且需要像 javascript 这样的东西来自动执行该过程。有任何想法吗？

Answer 1

您可以使用 <hr />段落之间的元素作为分隔符并使用设置 border 设置其颜色样式CSS 属性。

CSS:

body{
   text-align:center;
}

hr{
    width:80%;
    border-radius:5px;
}
hr:nth-of-type(1){
    border: 4px solid red;
}
hr:nth-of-type(2){
    border: 4px solid yellow;
}
hr:nth-of-type(3){
    border: 4px solid green;
}

截图:

例子:

JSFiddle