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

วางตำแหน่งองค์ประกอบ HTML ของคุณด้วย CSS


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

ตัวอย่าง

ให้เราดูตัวอย่างการวางตำแหน่งสัมพัทธ์ -

 <html>
    <head>
    </head>
    <body>
       <div style = "position:relative;left:70px;top:1px;background-color:blue;color: white;">
          This div has relative positioning.
       </div>
    </body>
</html>