Merhaba arkadaşlar. Elimde aşağıdaki resimler mevcut. Bu resimleri kullanarak bir class oluşturmak istiyorum.

Bu class'ı "<img" koduna eklediğimde, resmin etrafında bu resimlerden kenarlık olsun istiyorum.

Köşeler için: 

(Sol üst köşe için resmin sol üst çeyreği, sağ üst için sağ üst çeyreği, sol alt için sol alt çeyreği ve sağ alt için de sağ alt çeyreği kullanılacak.)

Üst ve alt için: 

(Üst için bu resmin üst yarısı, alt için alt yarısı kullanılacak)

Sağ ve sol kenarlar için: 

(Yine benzer şekilde sol kenar için sol yarısı, sağ kenar için sağ yarısı kullanılacak)

Bunların CSS kodlarını bana çıkarabilir misiniz? Canlı demo burada var (Alliance Shipyard yazan resme tıklarsanız görebilirsiniz) ancak hangi kodları alacağımı, nasıl kullanacağımı bilmiyorum.