css - 侧标题 css 上的线具有不同的颜色

Question

你好，我需要用边线制作一个标题，但我需要线的一侧颜色为#ef387a，另一侧颜色为#1c77bd，任何人都可以帮我做这个吗？我已经制作了一些脚本来展示我需要的东西，但我不知道如何为每一面制作不同的颜色，我尝试了不同的方法但没有结果，但现在代码如果我有被清理并且正确地只需要改变每一面的颜色方，懂我吗？我希望能帮助我的人!谢谢!

例子:

/(颜色:#ef387a)....../(颜色:#1c77bd)

---------------- 我的标题------------------------

这是我的脚本

http://dabblet.com/gist/1560674

Answer 1

您需要将背景颜色添加到 css。

更改 CSS 以反射(reflect):

h1:before {    
    left: -.5em;
    margin: 0 0 0 -50%;
    background: #ef387a;
    }
h1:after {    
    left: .5em;
    margin: 0 -50% 0 0;
    background: #1c77bd;
    }

参见 http://jsfiddle.net/3tL5gxaz/1/