CSS position Örnek
<!DOCTYPE HTML>
<html lang="en-tr">
<head>
<meta charset="UTF-8">
<title>css position özelliği ve örnek uygulama</title>
<style>
h3 {
position: absolute;
left: 50px;
top: 160px;
width:180px;
background-color:yellow;
border:1px solid black;
}
</style>
</head>
<body>
<h3>Bu başlık konumlandırma yöntemlerinden absolute değeri almıştır.Ve sayfadaki konumunu left right gibi değerlerle belirleyebiliriz.</h3>
<p>Bu örnekte Başlık yazısının normalde bu paragraf etiketinden önce yazıldığı için bu paragrafın yukarısında görünmesi gerekiyordu.Ama biz h3 ile yazdığımız başlığa position:absolute değeri girdiğimiz için sayfada istediğimiz yere konumlandırabiliriz..
Başlık şuan sayfanın üst kısmından 160px aşağısında ve sayfanın sol kenarından 50px uzaklıktadır.</p>
</body>
</html>
Yorumlar
Yorum Gönder