Css Ugulama Örnekleri / CSS Stillerini Web Sayfasına İliştirmek

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

CSS Stillerini Web Sayfasına İliştirmek

<html>

<head>

<style>
	div, img { color:#ffff00; background-color:#B88A00; margin:10px; width:100px; height:50px; padding:20px; font-style:italic; }

</style>

</head>

<body>

Kutular Dışındaki Metin

<div style="background-color:#66CC00;">Kutu 1</div>
<div>Kutu 2</div>
<div>Kutu 3</div>


<img src="c3.jpg" width="71" height="82" /> 
<img src="c4.jpg" width="114" height="129" />
<img src="cicek.jpg" width="148" height="128" />
</body>
</html>

div, img { color:#ffff00; background-color:#FF3366; margin:10px; width:100px; height:50px; padding:20px; border-style:inset; }

body {font-familiy:'Comic Sans Ms'; font-size:14px; font-style:italic; font-weight:bold }

<html>

<head>

<link rel="stylesheet" type="text/css" href="stilim4.css" />

</head>

<body>

Kutular Dışındaki Metin

<div style="background-color:#66CC00;">Kutu 1</div>
<div>Kutu 2</div>
<div>Kutu 3</div>


<img src="c3.jpg" width="71" height="82" /> 
<img src="c4.jpg" width="114" height="129" />
<img src="cicek.jpg" width="148" height="128" />

</body>
</html>

20,812 Okunma Henüz yorum yapılmamış 12/07/2007 17:55:35

Yorumunuzu Ekleyin

jpg, gif, png türündeki resimleri seçmelisiniz

CSS Stillerini Web Sayfasına İliştirmek Yorumları +1 Yorum

1

ahmet

çok güzel uygulamalar yeni başlayanlar için kolay dersler. teşekkürler emeğinize sağlık.

08 Ekim 2009 14:16:43, Perşembe

List Tagları ve Css ile Yatay Menü Yapımı

İngilizce bir makaledir.

46,435 Okunma Yorumsuz

Renkli Form Yapımı

CSS yardımı ile renkli form kutucuklarının nasıl yapıldığına bir örnek

27,128 Okunma Yorumsuz

CSS z-index Uygulamaları

29,581 Okunma Yorumsuz 31/05/2014 16:58:38

CSS Dimension Uygulamaları

Height, width, line-height uygulamaları

22,939 Okunma Yorumsuz

CSS Border Uygulamaları

21,795 Okunma Yorumsuz

CSS Background Uygulamaları

21,663 Okunma Yorumsuz

CSS ile Dikey Menü Yapımı

Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfalara hızlı erişimini sağlar. Bir çok site de Ürünler, İletişim, Hakkımızda vb. bölümlerini menü öğesi olarak görürüz. Bu makalede sırasız listeler()ve CSS yardımı ile menü yapımını anlatacağız. CSS ile yapılan menüler esnek, kolay düzenlenebilir, güzel görünen ve rollover efekti uygulana bilen menülerdir

33,336 Okunma Yorumsuz