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>
|
| |
|
Bu içerikle ilgili Yorumunuzu eklemek için
burayı tıklayınız.
08 Ekim 2009 14:16:43, Perşembe
çok güzel uygulamalar yeni başlayanlar için kolay dersler. teşekkürler emeğinize sağlık.
Div tagı yardımı ile sayfalı %40 ve %60 şeklinde ikiye bölüp içerisine iki farklı içerik yerleştirme...
Tek parça resim dosyasından ilgili resmi css ile gösterme çağrı
Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfa...
Konu hakkında üç farklı örnek
CSS'in menü yapımına etkileri
Display, none ve Visibility hidden farkı
CSS yardımı ile renkli form kutucuklarının nasıl yapıldığına bir örnek
Height, width, line-height uygulamaları