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>

23,573 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.

49,931

Renkli Form Yapımı

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

30,386

CSS z-index Uygulamaları

33,132 31/05/2014

CSS Dimension Uygulamaları

Height, width, line-height uygulamaları

25,732

CSS Border Uygulamaları

24,859

CSS Background Uygulamaları

24,566

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

37,197