CSS'de spesifik bir etiket içerisindeki spesifik satıra nasıl ulaşılır?

Calone dedi:
HTML: 
<div id="div1">
   <div class="div1"></div>
   <div class="div2"></div>
   <div id="div3"></div>
   <div id="div4"></div>
</div>
CSS: 
#div1 .div1 {
    height:40px;
    width:40px;
    background-color:#222222;
}
#div1 .div2 {
    height:40px;
    width:40px;
    background-color:#000000;
}

#div1 #div3 {
    height:40px;
    width:40px;
    background-color:#222222;
}

#div1 #div4 {
    height:40px;
    width:40px;
    background-color:#000000;
}

CSS sana bir sürü seçenek sunuyor bunu da inceleyebilirsin.
Genişletmek için tıkla...
Ayrıca gittikçe rengi değişen (örnekteki gibi) bir arka plan isterseniz bu site mükemmel.
cssgradient.io

CSS Gradient — Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
cssgradient.io cssgradient.io
ibiza_sunset.jpg
 
William Crusader dedi:
Ayrıca gittikçe rengi değişen (örnekteki gibi) bir arka plan isterseniz bu site mükemmel.
cssgradient.io

CSS Gradient — Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
cssgradient.io cssgradient.io
Eki Görüntüle 1474864
Genişletmek için tıkla...
Teşekkürler. Bu site birbiriyle uyumlu renkleri renk paleti olarak veriyor Color Palettes for Designers and Artists - Color Hunt.
 
Konu içerisinde inline CSS örneği verilmiş, bunu kullanabilirsiniz evet ama kullanmamaya özen gösterin. Inline CSS kullanımı iyi bir çözüm değil.
 
deezwend dedi:
Mesela type'i submit olan bir butonu mor yapmak istersem (ve onlara bir ID veya Class tanımlamak istemezsem) yapabilir miyim böyle bir şey?
Genişletmek için tıkla...
Evet yapabilirsin. Aşağıdaki kodla tam olarak istediğin şeyi yaparsın hemde uygun bir şekilde.

William Crusader dedi:
Sanırım şöyle bir şey yapabilirsiniz.
Ayrıca türünün (type) hiç bir önemi yok :D
HTML: 
<button style="background-color:purple">sumbit</button>
Genişletmek için tıkla...

Bu arkadaşın gösterdiği şekilde her butona tek tek stil ekleyip sağlıklı bir sonuç elde edemezsin. Evet sonuç odağı konusunda problem yok ama stabil değil. Önermiyorum.

Aşağıdaki kodları stil dosyana yazdıktan sonra herhangi bir yere submit reset veya normal bir buton koyduğunda farkı göreceksin. Kolay gelsin.

CSS: 
input[type=button] {
  background-color: #ff0000;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=submit] {
  background-color: #2986cc;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=reset] {
  background-color: #faff00;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

HTML: 
<input type="button" value="Button">
<input type="reset" value="Reset">
<input type="submit" value="Submit">
 
dgknbzglu dedi:
Evet yapabilirsin. Aşağıdaki kodla tam olarak istediğin şeyi yaparsın hemde uygun bir şekilde.



Bu arkadaşın gösterdiği şekilde her butona tek tek stil ekleyip sağlıklı bir sonuç elde edemezsin. Evet sonuç odağı konusunda problem yok ama stabil değil. Önermiyorum.

Aşağıdaki kodları stil dosyana yazdıktan sonra herhangi bir yere submit reset veya normal bir buton koyduğunda farkı göreceksin. Kolay gelsin.

CSS: 
input[type=button] {
  background-color: #ff0000;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=submit] {
  background-color: #2986cc;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=reset] {
  background-color: #faff00;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

HTML: 
<input type="button" value="Button">
<input type="reset" value="Reset">
<input type="submit" value="Submit">
Genişletmek için tıkla...
Ben de önermedim zaten, sadece istediğini gösterdim arkadaşa.
 

Benzer konular

purwin
Div içerisindeki img etiketlenmesine rağmen resim gözükmüyor
Mesaj
5
Görüntüleme
148
purwin
purwin
DeepoweRz
CSS'de bu animasyonu nasıl yaparım?
Mesaj
1
Görüntüleme
308
Berkay Davas
Berkay Davas
C
CSS'de çok hata yapıyorum
Mesaj
2
Görüntüleme
344
Coderman128
C
Ahmet Hoca
  • Çözüldü
Çözüldü  CSS'de --webkit ön eki nedir?
Mesaj
2
Görüntüleme
898
Administraktör
Administraktör
byanigli
Deep Web Nedir ve Nasıl Ulaşılır?
2 3 4
Mesaj
32
Görüntüleme
48B
Ali Sabri Sır
Ali Sabri Sır

Yeni konular

Yeni mesajlar

Geri
Yukarı