Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

สร้างภาพขนาดเล็ก (Thumbnail) ด้วย CSS

หากต้องการสร้าง thumbnail image ให้ใช้คุณสมบัติ border ร่วมกับ padding และ border-radius

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          img {             border: 2px solid orange;             border-radius: 3px;             padding: 7px;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300">    </body> </html>