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

CSS content Özelliği

HTML progress Etiketi

HTML section Etiketi

CSS justify-content Özelliği

CSS align-items özelliği

CSS transition-delay Özelliği

CSS top Özelliği

CSS border-collapse Özelliği

CSS text-justify Özelliği

CSS background-repeat Özelliği