Markdown Toolbox Logo Markdown Toolbox
บ้าน
บล็อก

วิธีการเพิ่มกรอบภาพในมาร์กดาวน์?

2023-12-29

การเพิ่มกรอบให้กับภาพในเอกสาร Markdown เกี่ยวข้องกับการใช้การรวมกันของ Markdown และ HTML เนื่องจาก Markdown มาตรฐานไม่สนับสนุนการจัดสไตล์ภาพ จึงใช้แท็ก HTML เพื่อใช้สไตล์ CSS เพิ่มเติม

นี่คือวิธีที่คุณสามารถเพิ่มกรอบให้กับภาพ:

  1. ฝังภาพโดยใช้ไวยากรณ์ภาพ Markdown มาตรฐาน
  2. ห่อหุ้มภาพด้วยแท็ก HTML <div> หรือ <span>
  3. ใช้ CSS แบบ inline เพื่อเพิ่มกรอบ

ตัวอย่างเช่น:

<div style="border: 2px solid black;">![Alt text](image-url.jpg)</div>

สิ่งนี้จะแสดงภาพด้วยกรอบสีดำขนาด 2px แบบต่อเนื่อง คุณสามารถปรับแต่งรูปแบบกรอบ ความกว้าง และสีโดยการแก้ไข CSS ในคุณสมบัติ style

โปรดจำไว้ว่าซอฟต์แวร์ประมวลผล Markdown ไม่ได้สนับสนุน HTML และ CSS ทุกตัว ดังนั้นวิธีนี้อาจใช้ไม่ได้ในทุกสภาพแวดล้อม