Un title page เคล็ดไม่ลับ กับการใส่ขอบให้กับรูปภาพโดยไม่ต้องใช้ Photoshop หลายคนคงคิดว่าไม่เห็นสำคัญเลยใช้ Photoshop แป๊บเดียวก็เรียบร้อย แต่สำหรับผมคิดว่าถ้าเราประหยัดในเรื่องของขนาดของภาพได้ก็ดีนะครับ อย่างน้อยก็ทำให้เว็บโหลดได้เร็วขึ้นอีกหน่อย แต่ก็เป็นเรื่องเล็กน้อย ลองมาดูขั้นตอนการทำ

ขั้นตอนการทำ

1. เปิดเอกสารหน้าที่เราต้องการใส่ขอบให้กับรูปภาพ จะสังเกตุได้ว่าพื้นของภาพเป็นสีขาว การที่เราใส่ขอบเพื่อเป็นการระบุขอบเขตของภาพเพื่อให้ผู้ใช้ทราบขอบเขตที่แน่นอน ดังภาพ




2. จากนั้นให้เรา Click ที่ภาพแล้วดูที่ Properties จะเห็นช่อง Border จะเป็นค่าว่างอยู่ให้เราใส่ค่า Border ลงไปโดยขึ้นอยู่กับความต้องการความหนาของขอบที่เราต้องการในที่นี้ผมใส่ค่า 2 ลงไปเพื่อให้เห็นขอบที่ชัดเจน




3. แต่บางคนอาจจะคิดว่าเราสามารถเปลี่ยนสีได้หรือไม่ ? สามารถทำได้เช่นกันครับ โดยให้เราใส่ Tag Style ลงในส่วนของ Tag Img ดัง Code ตัวอย่างด้านล่าง

<img src="dream45/dream45_1.gif" width="151" height="203" border="2" style="border-color: lightgreen"> //กำหนดสี

4. แต่เมื่อเราใส่ Style แล้วเราจะยังไม่เห็นการเปลี่ยนแปลงของ Border จนกว่าี่เราจะ Preview ดังภาพ



5. เป็นอย่างไรบ้างครับไม่ยากเลยใช่ไหม แถมยังประหยัดทรัพยากรด้วย