Merhaba arkadaşlar,
CSS kategorimizi biraz doldurmak maksatlı sizlere 2 tane css dersi anlatmayı istiyorum. İlk anlatmak istediğim konu css kullanımı ile herhangi bir yazıyı gölgelendirme işlemi. Satırlarca kod yazmayacağız, Bu konuyu yapacağınız web sayfanın tasarım aşamasında yazı editörlerinden kod kullanmadan da yapılabilir ancak bir yazılımcı her zaman kolaya kaçmamalıdır. Neyse dersimize artık başlayalım ve öncelikle index.html dosyamızı oluşturalım ardında style.css dosyamızı oluşturup işlemlerimizi yapalım.
index.html dosyamızın kodları aşağıdaki gibi olmalıdır…
1 <html>
2 <head>
3 <link rel="stylesheet" href="style.css"/>
4 <title></title>
5 </head>
6 <body>
7 <section id="genel">
8 <div id="yazi">Emre SUPÇİN emresupcin.com</div>
9 </section>
10 </body>
11 </html>
style.css dosyamızın kodları aşağıdaki gibi olmalıdır…
1 #genel {
2 display:-webkit-box;
3 -webkit-box-align:center;
4 -webkit-box-orient:vertical;
5 }
6 #yazi{
7 font:25px bold tahoma;
8 text-shadow: rgb(100,100,100) 10px 10px ;
9 }
10 /* text-shadow:parantez içi gölgenin rengi
parantez dışı gölgenin nereden başlayacağıdır *
- emresupcin
- Css
- 3 Ağustos 2013 - 17:34
- Yorum Yok
- 1677 Görüntülenme
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.