Devdit
 

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

2.2K

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

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ