CSS中设置图片的宽度和高度

来源:互联网 发布:json中汉字乱码 编辑:程序博客网 时间:2024/05/16 23:41
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>css控制图片大小在线演示 www.divcss5.com</title> 
  6. <style> 
  7. .divcss5 img{ width:300px; height:100px} 
  8. </style> 
  9. </head> 
  10.  
  11. <body> 
  12. <p><strong>原始图片大小</strong></p> 
  13. <p><img src="divcss5-logo-201305.gif"><br> 
  14. 本身这个图片宽度为165px高度60px</p> 
  15. <p><strong>通过CSS改变设置图片大小</strong></p> 
  16. <div  class="divcss5"> 
  17.     <img src="divcss5-logo-201305.gif"><br> 
  18.     这里设置divcss5盒子里图片宽度300px高度100px 
  19. </div> 
  20. </body> 
  21. </html> 
0 0
原创粉丝点击