แนวทางสร้าง: ภาพย่อ
เรียนรู้แนวทางสร้างภาพย่อ
ภาพย่อ
ภาพย่อเป็นภาพเล็กที่เป็นตัวแทนภาพใหญ่ (คลิกเพื่อเข้าถึง) ทั่วไปที่รับรู้จากขอบที่รอบๆ ภาพ:

แนวทางสร้างภาพย่อ
ใช้ <img> อิเล็กทรอนิกส์และลวดลาย <a> อิเล็กทรอนิกส์เวลาเข้ารหัสลวดลายภาพ และเพิ่มประสิทธิภาพการเคลื่อนไหวเมื่อเลื่อนเมาส์เหนือภาพ:
<style> img { border: 1px solid #ddd; /* ขอบเขียวขาว */ border-radius: 4px; /* ขอบรอบทรงเรียบ */ padding: 5px; /* ระยะทางเล็กๆ */ width: 150px; /* ตั้งความกว้างเล็ก */ } /* แก้ไขประวัติ (สีเขียวน้ำเงิน) */ img:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); } </style> <body> <a target="_blank" href="img_forest.jpg"> <img src="img_forest.jpg" alt="Forest"> </a> </body>
相关页面
教程:CSS 图像