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

15 October 2008 เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee

รูปภาพ ไฟล์

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

ดูแล้ว 10,227 ครั้ง

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 เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ