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.
Başka bir makalede görüşmek üzere.
Abone Ol