CSS ขอบ ตัวอักษร ด้วย border-radius

CSS ขอบ ตัวอักษร ด้วย border-radius บทความนี้สอนใช้คำสั่ง border-radius เพื่อกำหนดขอบตัวอักษร เส้นกรอบตัวอักษร โดยคำสั่งนี้รองรับการใส่ขนาดขอบ สีขอบ และชนิดของเส้นขอบ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS ขอบ ตัวอักษร ด้วย border-radius

<style>
  .border {
    border: solid 1px darkcyan;
    text-align: center;
  }
</style>

<div class="border">Devdit</div>

CSS ขอบ ตัวอักษร จากตัวอย่างสร้าง class ชื่อ border กำหนด border: solid 1px darkcyan คือสร้างเส้นขอบตัวอักษร ขนาด 1px ชนิดขอบเส้นหนาทีบ (solid) เส้นขอบสี darkcyan จากนั้นนำ class border ไปใช้งานกับ div ของ HTML ทำให้ข้อความ “Devdit” มีเส้นขอบล้อมรอบข้อความ