Hướng dẫn tạo Thumbnail Image - Demo
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .container { width: 60%; margin: auto; text-align: center; } 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> <div class="container"> <h2>Hướng dẫn tạo Thumbnail Image</h2> <p>Click vào hình ảnh để hiển thị ảnh đầy đủ!</p> <a target="_blank" href="https://freetuts.net/upload/tut_post/images/2017/08/10/1000/demo.jpg"> <img src="https://freetuts.net/upload/tut_post/images/2017/08/10/1000/demo.jpg" alt="nature"> </a> </div> </body> </html>
PHÓNG TO