forumdll.benimforum.biz


 
AnasayfaPortalAramaKayıt OlGiriş yap

Paylaş | 
 

 Yuvarlak Köşeli CSS Table Oluşturma

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
Cansiperane
Admin
Admin


Erkek
Kova Horoz
Mesaj Sayısı : 607
Hobiler : Uzman
Kayıt tarihi : 04/12/08
Teşekkür : 11
. : [

190310
MesajYuvarlak Köşeli CSS Table Oluşturma

Görüntü aynı ama biraz daha modifiye edilmiş ve renk tonlarının farklı olduğu bir yuvarlak köşeli tablo yapacağız.
İlk başta yapcağımız tablonun nasıl birşey olacağını göstereyim.Tıklayınız.
Şimdi adım adım yapmaya başlayalım.
İlk başta style adında css dosyamızı oluşturuyoruz ve html dosyamızın içine dahil ediyoruz.
CSS #sol{float: left; width: 10px; height: 275px; background: url(deneme/sol.png);}
#orta{float: left; width: 400px; height: 275px; background: url(deneme/direk.png) top left repeat-x;}
#orta p{margin-top:10px;}
#sag{float: left; width: 10px; height: 275px; background: url(deneme/sag.png);}

Css dosyamızı oluşturduktan sonra şimdide html dosyamızı oluşturuyoruz. <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Yuvarlak Köşeli Css Table 2 - KodArsivi.Net</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="sol">
</div>
<div id="orta">
<p>Lorem ipsum dolar sit amet, cons incidunt ut labore et dolore magn trud exercitation ullamcorpor susc vel eum irure dolor in reprehende dolore eu fugiat</p>
</div>
<div id="sag">
</div>
</body>
</html>

Hepsi bukadar.
Örnek İçin Tıklayınız.


forumdll
Sayfa başına dön Aşağa gitmek
Bu yazıyı burda paylaş : Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

Yuvarlak Köşeli CSS Table Oluşturma :: Yorum

Yorum yok.
 

Yuvarlak Köşeli CSS Table Oluşturma

Önceki başlık Sonraki başlık Sayfa başına dön 

1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
forumdll.benimforum.biz :: WEB :: Web Tasarımı-
Buraya geçin: