侧面标题css上的线条用不同的颜色

时间:2014-12-26 21:21:04

标签: css

你好我需要用侧线制作一个标题,但是我需要颜色#ef387a的另一面颜色和另一面颜色#1c77bd任何可以帮我制作这个吗?我已经制作了一些脚本来展示我需要的东西,但我不知道如何为每一方制作不同的颜色,我尝试不同的方式但没有结果,但现在代码,如果我有清洁和正确我只需要改变每个颜色一边,明白我?我希望可以帮助我们!谢谢!

示例:

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

------------------ MI TITLE -----------------------

这里是我的剧本

http://dabblet.com/gist/1560674

1 个答案:

答案 0 :(得分:3)

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

更改CSS以反映:

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/