[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 

[Pyton_000]

border-top-imgae

[Generic]

border-top-imgae

nie działa

[Pyton_000]

http://jsfiddle.net/m3Lbjmdj/

[Generic]

http://jsfiddle.net/m3Lbjmdj/

Mógłbyś jeszcze pokazać jak zrobić identyczny border tylko że tym razem żeby był on na dole? Czy stworzenie diva jako ramki bo dobre rozwiazanie?

[Pyton_000]

http://jsfiddle.net/m3Lbjmdj/1/

[trueblue]

Możesz też tak: http://jsfiddle.net/dqgk49pp/

[Generic]

Czy mogę w jakiś sposób kontrolować wysokość obramowania? Gdy ustawiam jako border obrazek o wielkości 34px to pokazuje mi się tylko jego mały kawałek.

[com]

Mozesz poczytaj o border w css jedna z pozycji jest wlasnie rozmiar

[trueblue]

Czy mogę w jakiś sposób kontrolować wysokość obramowania? Gdy ustawiam jako border obrazek o wielkości 34px to pokazuje mi się tylko jego mały kawałek.

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

[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?