主页
CSS
CSS3 样式图像
trycss_ex_images_thumbnail_link
运行 ❯
×
更改方向
保存代码
更改主题
<!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="/demo/images/paris.jpg"> <img src="/demo/images/paris.jpg" alt="巴黎" style="width:150px"> </a> </body> </html>