Width和height—CSS图片的缩放
摘要：CSS图片的缩放：在CSS中图片的缩放是通过width和height两个属性来实现的。Width和height属性：可以设置为相对大小，也可...
CSS图片的缩放：在CSS中图片的缩放是通过width和height两个属性来实现的。
Width和height属性：可以设置为相对大小，也可以设置为绝对大小。Width和height属性设置为相对大小时，当拖动缩放浏览器时窗口改变其宽度时，图片的大小也会相应地发生变化。如果仅仅只设置了图片的width属性，而没有设置height属性时，图片本身会自动给纵横比例缩放，如果只设定height属性也是一样的道理。只有当同时高设定width和height属性时才会不等比例缩放。
CSS图片的缩放示例：
<html>
<head>
<title>图片缩放</title>
<style>
<!--
img.test1{
width:50%; /* 相对宽度 */
}
-->
</style>
</head>
<body>
<img src="http://www.baidu.com/img/baidu_logo.gif" class="test1">
</body>
</html>
【Width和height—CSS图片的缩放】相关文章：
★ 学习CSS的伪类
上一篇：
CSS如何控制li标记样式
下一篇：
div与span的区别