手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Width和height—CSS图片的缩放
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图片替换的技巧

CSS完美代码的五个要点

CSS写的简单表格示例

img图片元素下多余空白解决方案

CSS基础教程: CSS的属性缩写

CSS3实现漂亮的按钮动画

巧用CSS3 border实现图片遮罩效果代码

图片的翻转按钮怎么制作

CSS条状图表形式的实现方法

精品推荐
分类导航