[HTML][CSS]Border top jako obrazek Opcje

[Generic]

Witam.

Czy istnieje jakiś "trick", który pozwoliłby na to aby obramowanie znajdujące się tylko na górze było obrazkiem? Próbowałem na różne sposoby jednak nic nie działa. Może Wy macie pomysł jak można to zrobić? Kod widoczny poniżej.

[HTML] pobierz, plaintext 
<div id="box">text</div>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
#box
{
    width: 300px;
    height: 200px;
    background-color: #b0c4de;
    border-top: 6px solid red;  
    margin: 0px auto;
}
[PHP] pobierz, plaintext 

[Generic]

Pokaż jaką ostatecznie metodę zastosowałeś.

Działa już tak jak należy. Zrobiłem to tak jak jest w tym linku: https://jsfiddle.net/7gzncx0a/

Czy może tak być i wszystko jest prawidłowe?