|
|
 |
| Css Dersleri Css Nedir , Nasıl Eklenir ? Css yazı tipleri , Css Tablolar. |
|
|
Seçenekler | Stil |
21 Aralık 2022, 11:04
|
#1 | |
  |
CSS Arkaplanlar
Bu sayfada HTML sayfanızın ya da sayfanızda bir bölümün arkaplan rengini, resmini ve özelliklerini nasıl belirleyeceğiniz ile ilgili bilgiler bulunmaktadır.
CSS arkaplan özellikleri bir HTML nesnesine arkaplan eklemenizde yardımcı olur. Bununla ilgili olarak tanıyacağımız CSS kodları:
CSS'de Renk İfadeleri CSS dosyamızda yer yer renkleri belirtmemiz gerekebilir. Bunun için çeşitli yollar var. Bunlardan en çok kullanılan üç tanesi:
Onaltılık (Hex) Renkler: #000000 şeklinde önce diyez sonra 6 adet 0-9 ve A-F değerleri alabilen sembollerden oluşur. Örneğin #404040 bir rengi ifade etmektedir. Bu renk kodlarına resim işlem programlarınız yardımıyla (photoshop, paint shop pro gibi) ulaşabilirsiniz. RGB (Kırmızı, Yeşil, Mavi) Renkler: Bir renk oluştururken kırmızı, yeşil ve mavinin tonlarını belirterek renk oluşturmamızı sağlar. Örneğin rgb( 0, 0, 0 ) siyah rengi belirtir. Mavi bir renk elde etmek istediğimizde Red - Green - Blue üçlemesinde en sonda yer alan mavinin değerini arttırmamız yeterli olur. Yani rgb( 0, 0, 255 ) mavi rengi verir. Windows'daki Paint Brush (MS Paint) programı ve diğer resim editörleri yardımıyla RGB değerlerini alarak renk oluşturabilirsiniz. Tarayıcı Renk İsimleri: İngilizce olarak belirlenmiş bazı renk adlarını yazarak renk elde edebilirsiniz. Örneğin white beyaz, black siyah, blue mavi rengini verecektir. Aşağıda renklerle ilgili örnek bir kullanım var: Kod/* Koyu kırmızı */
p { color: #CC0000; }
/* Yeşilin bir tonu */
div { color: line; }
/* Mavi renk */
code { color: rgb( 0, 0, 255 ); }
Bir elementin arkaplan rengini belirlememizi sağlar. Koddiv { background-color: #EFEFEF; }
Bir element içinde arkaplan resmi kullanmamızı sağlar. Kodbody { background-image: url('resim.jpg'); }
background-repeat: Arkaplan Tekrarı / Döşeli Kullandığımız arkaplan resminin tekrar edip etmeyeceğini belirtmemizi sağlar. Dört kullanımı vardır:
Aşağıdaki kullanım örneğini inceleyelim: Kod body {
background-image: url('resim.jpg');
background-repeat: no-repeat;
}
background-attachment: Arkaplan Sabitliği Bu kod kullandığımız arkaplanın sabit kalıp kalmayacağı hakkında ayar yapmamızı sağlar. Eğer özellik değerinin sabit kalmasını (yani sayfanın yerine göre değişmemesini) istiyorsak fixed özelliği kullanırız. Kod body {
background-image: url('resim.jpg');
background-attachment: fixed;
}
Eğer background-repeat özelliğini no-repeat olarak belirlediysek bu kod yardımıyla onun hizalanma şeklini belirleme şansına sahip oluruz. Kod body {
background-image: url('resim.jpg');
background-repeat: no-repeat;
background-position: right top;
}
background: Arkaplan Belirlemenin Kısa Yolu Yukarıdaki tüm özellikleri tek bir kodda kullanmanız mümkün. Bunun için kullanacağımız kod: background. Kod body {
background: #000000 url('resim.jpg') no-repeat right top;
}
Alıntı:
|
|
|
|
|
21 Aralık 2022, 11:05
|
#2 |
  |
teşekkür ederiz emeğinize sağlık
|
|
|
|
22 Aralık 2022, 07:04
|
#3 |
   |
Bu biraz daha basit geldi bana.
Emeğine sağlık |
|
|
|
29 Ocak 2023, 02:17
|
#4 |
  |
Emeğine Sağlık .
|
|
|
| Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
|
|
Normal
