สร้างลิ้งค์มีรูปภาพแสดงนามสกุลไฟล์

เขียนเมื่อ 15 ปีก่อน โดย Ninenik Narkdee
ไฟล์ รูปภาพ

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ ไฟล์ รูปภาพ

ดูแล้ว 9,709 ครั้ง


CSS Code

<style type="text/css">
a[href$='.pdf']{
	background:url(images/pdf.gif) no-repeat right center;
	font-size:12px;
	padding-right:18px;
}
a[href$='.doc']{
	background:url(images/doc.gif) no-repeat right center;
	font-size:12px;
	padding-right:18px;
}
a[href$='.zip']{
	background:url(images/zip.gif) no-repeat right center;
	font-size:12px;
	padding-right:18px;
}
</style>

HTML Code

<p>
คลิกเพื่อดาวน์โหลด pdf ไฟล์ <a href="demo.pdf">demo1</a> <br />
หรือดาวน์โหลดเอกสาร word <a href="demo2.doc">demo2 </a><br />
หรือดาวน์โหลด zip ไฟล์ <a href="demo3.zip">demo3 </a>
</p>

ตัวอย่างผลลัพธ์

คลิกเพื่อดาวน์โหลด pdf ไฟล์ demo1
หรือดาวน์โหลดเอกสาร word demo2
หรือดาวน์โหลด zip ไฟล์ demo3

ดาวน์โหลดรูป



กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ











URL สำหรับอ้างอิง





คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ