Container'a kenarlık eklemek ve gölge vermek

[#Power]

Merhaba arkadaşlar.
Bugün sizlere container'a kenarlık eklemek ve gölge vermeyi göstereceğim.
Global.css'i açın.
Kenarlık eklemek;

Kod: Tümünü Seç Tümünü Kopyala

border-left: solid 10px red;
border-right: solid 10px red;
border-top: solid 10px red;
border-bottom: solid 10px red;

Bu kırmızı kenarlık kodu. red yerini değiştirerek rengini değiştirebilirsiniz.
global.css'teki containera yukardaki kodları ekleyin. süslü parantezlerin arasına.
Birleştirelim ;

Kod: Tümünü Seç Tümünü Kopyala

#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
        border-left: solid 10px red;
        border-right: solid 10px red;
        border-top: solid 10px red;
        border-bottom: solid 10px red;
}

Gölge vermek zaten forumda vardır ama yine de anlatayım.

Kod: Tümünü Seç Tümünü Kopyala

box-shadow: 0px 0px 0px 20px green;

Bu kodu containera eklerseniz yeşil bir gölge verirsiniz. green yerinden rengini değiştirebilirsiniz. 20px ise gölgenin yoğunluğudur.

[Murat Ü.]

Demo Yokmu

[#Power]

http://webmastertasarim.10tl.net

buraya bakabilirsiniz.

[Secilmis42]

Kodları editleyerek daha güzel şeyler çıkabilir ortaya teşekkkürler.

[The Legend]

Kodları editleyerek daha güzel şeyler çıkabilir ortaya teşekkkürler.

[Neon Blazer]

1px yoğunluk ve #46a0ee rengi daha güzel görünür. Teşekkürler :)

[Point1234]

Kodları editleyerek daha güzel şeyler çıkabilir ortaya teşekkkürler.

[#Power]

Önemli değil ben sadece örnek verdim tabii ki editlemek gerekiyor.