Kodu Düzenle:
Sonuca Bakın »
Kendin dene - ©
w3ii.com
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/lib/w3.css"> <style> .w3-card-2, .w3-card-4, .w3-card-8 { margin: 4px; } </style> <body> <div class="w3-container w3-orange"> <p>The w3-card class adds a border around an element.</p> <p>The number after the class is used to add shadows.</p> </div> <div class="w3-row"> <div class="w3-third"> <div class="w3-card-2"> <img src="img_car.jpg" alt="Car" style="width:100%"> <div class="w3-container"> <p>w3-card-2</p> </div> </div> </div> <div class="w3-third"> <div class="w3-card-4"> <img src="img_car.jpg" alt="Car" style="width:100%"> <div class="w3-container"> <p>w3-card-4</p> </div> </div> </div> <div class="w3-third"> <div class="w3-card-8"> <img src="img_car.jpg" alt="Car" style="width:100%"> <div class="w3-container"> <p>w3-card-8</p> </div> </div> </div> </div> </body> </html>