Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ลำดับตอนที่ #109 : [code] ลบเส้นกรอบของรูปทั้งหลาย

เวลาใส่ link ให้รูป บางทีอาจจะเห็นเส้นแปลกๆ ขึ้นมาล้อมรอบรูปด้วย

>> ตัวอย่างจ้า <<

ทำให้ดูไม่สวย ไม่เป็นอย่างที่เราต้องกลายสักเท่าไหร่
สำหรับวิธีแก้ขั้นพื้นฐานก็คือการใส่โค้ด html ควบคุมเข้าไป


โค้ดต้นฉบับ...

<img width="234" height="60" src="http://image.dek-d.com/23/815724/105001919" titile="Seek... Your
Destiny" alt="Seek... Your Destiny" />


โค้ดใหม่หลังแก้ไข

<img width="234" height="60" src="http://image.dek-d.com/23/815724/105001919" titile="Seek... Your
Destiny" alt="Seek... Your Destiny" border="0" />

เพิ่ม border="0" เข้าไป...

>> ผลลัพธ์ <<

แต่ถ้าใครมีภาพเยอะๆ แล้วขี้เกียจไปแก้ทีละจุดแบบนี้ ก็สามารถใช้ โค้ด css ช่วยลบเส้นกรอบของภาพทั้งหลายในหน้านั้นออกไปได้ค่ะ

<style type="text/css">
/* เริ่มโค้ดลบเส้นกรอบของรูปทั้งหลาย */
img {border: none;}
/* จบโค้ดลบเส้นกรอบของรูปทั้งหลาย
http://writer.dek-d.com/Caje/writer/viewlongc.php?id=499460&chapter=
*/
</style>

ใครสนใจก็ลองเอาไปใช้ดูนะคะ ^^