轮廓渐变 - css

我需要关于添加渐变轮廓的帮助。我不能更大的身高，因为定位不正确。有什么办法吗？我试图合并这个代码与梯度类，但渐变仅适用于1px高度。有什么建议么？轮廓渐变 - css

height: 1px !important; 
    background: #D3D3D3;  
    position: absolute; 
    right: 0px; 
    width: 50%; 
    top: 50%; 
    outline: 3px solid #D3D3D3;

感谢，扬

http://jsfiddle.net/he703uzv/

来源

2015-05-18 JMusic

我们需要更多的代码和jsfiddle – Andrew

它是否必须是'outline'而不是'border'？如果没有，你应该看看['border-image']（https://developer.mozilla.org/en-US/docs/Web/CSS/border-image）。 – Shaggy

您还可以查看http://jsfiddle.net/necolas/vqnk9/ –

.outline-border { 
 
    width: 400px; 
 
    padding: 20px; 
 
    border-top: 10px solid #47c465; 
 
    border-bottom:10px solid #00deff; 
 
    background-image: 
 
     linear-gradient(#47c465, #00deff), 
 
     linear-gradient(#47c465, #00deff) 
 
    ; 
 
    background-size:10px 100%; 
 
    background-position:0 0, 100% 0; 
 
    background-repeat:no-repeat; 
 
}

<div class="outline-border">Hello World!</div>

见外形梯度。

来源

2015-05-18 12:13:23

我必须使用大纲：; ，尝试与边界，但其他事情如响应，位置等不会工作正确 – JMusic

轮廓渐变 - css

回答

相关问题