ข้อความในรูป HTML ข้อความทับภาพ

ข้อความในรูป HTML ข้อความทับภาพ บทความนี้สอนเขียนโค้ดภาษา CSS ร่วมกับ HTML เพื่อแสดงข้อความ ตัวอักษร ในรูป หรือทับภาพ ด้วยคำสั่ง position กำหนดค่า absolute สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ข้อความในรูป HTML ข้อความทับภาพ

<style>
    .text {
        position: absolute;
        top: 105px;
        left: 40px;
        font-weight: bold;        
    }
</style>

<div>
    <div class="text">ข้อความในรูป HTML</div>
    <img src="https://www.devdit.com/chmod/post/images/100625651028.jpg">
</div>

ข้อความในรูป HTML ข้อความทับภาพ จากตัวอย่างวาง div ข้อความ และรูปภาพไว้ใน div อันเดียวกัน จากนั้นกำหนด div ข้อความชื่อ .text กำหนด position: absolute และขยับตำแหน่งของข้อความตามที่ต้องการ ด้วยคำสั่ง top left right และ bottom ด้วยภาษา CSS ร่วมกับ HTML