Son kullanma tarihi geçmiş, bayatlamış bir tarayıcı kullanıyorsanız, Mercedes kullanmak yerine tosbağaya binmek gibi... Web sitelerini düzgün görüntüleyemiyorsanız eh, bi' zahmet tarayıcınızı güncelleyiniz. Modern Web standartlarını karşılayan bir tarayıcı alternatifine göz atın.
derseniz. Yukarıdaki kodlara bakarak söylüyorum, HTML sayfanızdaki DİV yani kutucuğun arkaplanı o renk olur. Burak abi yukarıda bunun HTML kodu ile yapılışını göstermiş.
Ancak DİV işleri için stil kullanılması yani CSS kullanılması mecburiyettir neredeyse.
Yok ben DİV yani kutucuğumun etrafındaki çerçeve yani köşelerini, köşedeki çizgisini, bir nevi hücre zarını yapmak istiyorum dersen.
CSS dosyanıza
Kod:
.cerceve{
border: solid #000 5px;
}
tarzı bir kod girmeniz gerekir.
Yukarıda gösterdiğim kod kutucuğun arkaplan rengini, aşağıda gösterdiğim kod köşelerinin kalınlığı, rengi, köşe stili ( noktalı, düz ) gibi ayarlamaları yapmanızı sağlar.
Ayriyeten border-bottom, border-top, border-left, border-right gibi kodları kullanarak da tek bir köşeye veya 2 köşeye veya istenilen 3 köşeye farklı renkte, stilde, kalınlıkta köşeler de ekleyebilirsiniz.
- - - Güncellendi - - -
Daha iyi anlamanız için görseller ile yardımcı olayım :
Eğer DİV yani kutucuğumuzun arkaplanını değiştirmek istiyorsak aşağıdaki tablonun içerisinde yazan kodu CSS dosyamıza ekliyoruz.
Anlatmak istediğim şeyi zaten anlamışsınızdır.
Yok ben bu kutucuğun etrafını istedim doğrultusunda şekillendirmek istiyorum derseniz CSS'e şu kodu eklersiniz olur biter.
cervece isimli class'ı hangi DİV'de uygularsanız o kutucuğun köşeleri aşağıdaki gibi olur.
Girdiğiniz kodlara göre istediğiniz doğrultusunda köşelikler oluşturabilirsiniz.
- - - Güncellendi - - -
Bize de geçen sınav şu siteyi yaptırdılar, sıkıntı çekmedim.
Zaten bu DİV yani kutucukları iyi yerleştirmeyi ve bu kutuculara CSS ile özellik eklemeyi kavradım mı olayı çözmüş oluyorsun.
En can alıcı noktası burası bu işin.
