Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

การจัดตำแหน่งอีเลเมนต์ HTML ด้วย CSS


CSS ช่วยให้คุณจัดตำแหน่งอีเลเมนต์ HTML ได้ คุณสามารถวางอีเลเมนต์ HTML ใดๆ ไว้ที่ตำแหน่งที่คุณต้องการ คุณสามารถระบุได้ว่าต้องการให้อีเลเมนต์จัดตำแหน่งสัมพัทธ์กับตำแหน่งตามธรรมชาติในหน้าหรือแบบ absolute ตามอีเลเมนต์พาเรนต์

ตัวอย่าง

ลองดูตัวอย่าง relative positioning:

 <html>     <head>     </head>     <body>        <div style = "position:relative;left:70px;top:1px;background-color:blue;color: white;">           Div นี้มี relative positioning        </div>     </body> </html>