Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <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> </head> <body> <h2>缩略图作为链接</h2> <p>使用 border 属性创建缩略图。 在图像周围环绕锚点以将其用作链接。</p> <p>将鼠标悬停在图像上并单击它以查看效果。</p> <a target="_blank" href="paris.jpg"> <img src="paris.jpg" alt="巴黎" style="width:150px"> </a> </body> </html>