Html 使用霓虹风格的css左右边框 方法

我有一个代码，分为左边缘和右边缘，样式如下：

我想通过添加霓虹灯效果来转换边缘，如下所示： （我记得这是一个用颜料蒙太奇）：

问题 我试过了，但得到了（最相似的版本）：

问题 是否有人对如何实现类似或相同的效果有想法或想法

谢谢 试试这个

#DivNormal{
边界半径：15px；
右边框：6px实心#8f0005；
左边框：6px实心#8f0005；
对齐内容：居中对齐；
对齐项目：居中；
文本对齐：居中；
保证金：0.5em！重要；
填充：0.5em！重要；
}
#迪夫尼翁{
位置：相对位置；
填充：15px；
边框：5px纯红；
边界半径：20px；
边框顶部：0px实心红色；
边框底部：0px实心红色；
文本对齐：居中；
背景：#FFB8B8；
}
#迪夫尼：以前{
内容：“；
显示：块；
位置：绝对位置；
z指数：1；
顶部：2个；
左：5px；
右：5px；
底部：2px；
边界半径：20px；
右边框：6px实心红色；
左边框：6px实心红色；
}
#迪夫尼：之后{
内容：“；
显示：块；
位置：绝对位置；
z指数：1；
顶部：2个；
左：2px；
右：2px；
底部：2px；
边界半径：20px；
右边框：6px实心#8F0005；
左边框：6px实心#8F0005；
}

你好，世界！！

你好，世界试试这个


#DivNormal{
边界半径：15px；
右边框：6px实心#8f0005；
左边框：6px实心#8f0005；
对齐内容：居中对齐；
对齐项目：居中；
文本对齐：居中；
保证金：0.5em！重要；
填充：0.5em！重要；
}
#迪夫尼翁{
位置：相对位置；
填充：15px；
边框：5px纯红；
边界半径：20px；
边框顶部：0px实心红色；
边框底部：0px实心红色；
文本对齐：居中；
背景：#FFB8B8；
}
#迪夫尼：以前{
内容：“；
显示：块；
位置：绝对位置；
z指数：1；
顶部：2个；
左：5px；
右：5px；
底部：2px；
边界半径：20px；
右边框：6px实心红色；
左边框：6px实心红色；
}
#迪夫尼：之后{
内容：“；
显示：块；
位置：绝对位置；
z指数：1；
顶部：2个；
左：2px；
右：2px；
底部：2px；
边界半径：20px；
右边框：6px实心#8F0005；
左边框：6px实心#8F0005；
}
你好，世界！！

你好，世界仅通过设置元素的样式可能无法解决此问题。因此，如果不需要
：：before
和
：：after
伪元素，也可以使用它们的边框，以产生霓虹灯效果。这就是我想到的：


#正常{
边界半径：15px；
右边框：5px实心#8f005；
左边框：5px实心#8f005；
对齐内容：居中对齐；
对齐项目：居中；
文本对齐：居中；
保证金：0.5em！重要；
填充：0.5em！重要；
}
#霓虹灯{
位置：相对位置；
边界半径：15px；
右边框：5px实心#8f005；
左边框：5px实心#8f005；
对齐内容：居中对齐；
对齐项目：居中；
文本对齐：居中；
保证金：5.5em！重要；
填充：0.5em！重要；
框阴影：0px 0px 60px rgba（255,0,0,0.5），0px 0px 60px rgba（255,0,0,0.5）插入；
}
#霓虹灯：以前{
排名：0；
左：-9px；
底部：0；
右：-9px；
}
#霓虹灯：之后{
排名：0；
左：0；
底部：0；
右：0；
}
#霓虹灯：之后，
#霓虹灯：以前{
内容：“；
位置：绝对位置；
显示：块；
边界半径：15px；
右边框：4倍纯红；
左边框：4倍纯红；
}
你好，世界！！

你好，世界仅通过设置元素的样式可能无法解决此问题。因此，如果不需要
：：before
和
：：after
伪元素，也可以使用它们的边框，以产生霓虹灯效果。这就是我想到的：


#正常{
边界半径：15px；
右边框：5px实心#8f005；
左边框：5px实心#8f005；
对齐内容：居中对齐；
对齐项目：居中；
文本对齐：居中；
保证金：0.5em！重要；
填充：0.5em！重要；
}
#霓虹灯{
位置：相对位置；
边界半径：15px；
右边框：5px实心#8f005；
左边框：5px实心#8f005；
对齐内容：居中对齐；
对齐项目：居中；
文本对齐：居中；
保证金：5.5em！重要；
填充：0.5em！重要；
框阴影：0px 0px 60px rgba（255,0,0,0.5），0px 0px 60px rgba（255,0,0,0.5）插入；
}
#霓虹灯：以前{
排名：0；
左：-9px；
底部：0；
右：-9px；
}
#霓虹灯：之后{
排名：0；
左：0；
底部：0；
右：0；
}
#霓虹灯：之后，
#霓虹灯：以前{
内容：“；
位置：绝对位置；
显示：块；
边界半径：15px；
右边框：4倍纯红；
左边框：4倍纯红；
}
你好，世界！！

你好，世界