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

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin