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” มีเส้นขอบล้อมรอบข้อความ