CSS가 흐리게 표시됩니다.

바랜 테두리가있는 상자를 만들려고합니다. 나는 그와 같은 예를 찾을 수 있었지만 나는 성취하고자하는 것을 만들 수는 없다.CSS가 흐리게 표시됩니다.

border:3px; 
-webkit-border-image:-webkit-gradient(linear, 0 0, 0 100%, from(#382E5C), to(rgba(0, 0, 0, 0))) 1 100%; 
-webkit-border-image:-webkit-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%; 
-o-border-image:-o-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%; 
-moz-border-image:-moz-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%;

그 CSS는 나에게 시원한 경계선을 제공하지만, 상단 테두리도 단색으로 유지해야합니다. 상단 테두리를 단색으로 만들고 측면을 희미하게 유지하고 하단을 투명하게 유지하려면 어떻게해야합니까? 감사합니다.

출처

2012-10-04 Philippe Allaire

국경 이미지가 전체 요소에 영향을주지하시기 바랍니다. 한 가지 제안은 다른 div에 요소를 배치하고 border-top : 1px solid # 000을 설정하는 것입니다. –

다음을 시도해보십시오. 경계면을 사용하는 경우 국경은 최상위 위치에만 머물러 있습니다. 당신이 이해하지 않는 경우

border-top: 3px solid red; 
/*** 
------add your fading borders 
***/

것은 나에게 코드 ...

출처

2012-10-04 06:27:57

border-top 속성으로 다른 div를 만들고 margin-top을 추가해야합니다. -3px; 모든 것을 정확하게 맞추기 위해서. –

고급 필립 .... –

CSS가 흐리게 표시됩니다.

답변

관련 문제