コードを編集:
結果を参照してください。 »
それを自分で試してみてください - ©
w3ii.com
<!DOCTYPE html> <html> <head> <style> img.one { height: auto; } img.two { height: 120px; width: 120px; } p.ex { height: 100px; width: 100px; border: 1px solid #73AD21; } </style> </head> <body> <h2>Set height and width of Elements:</h2> <p>Original image:</p> <img class="one" src="ocean.jpg" width="300" height="300"><br> <p>Sized image (in px):</p> <img class="two" src="ocean.jpg" width="300" height="300"><br> <p class="ex">The height and width of this paragraph is 100px.</p> </body> </html>