萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> Width和height—CSS圖片的縮放
Width和height—CSS圖片的縮放
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>
- 上一頁:CSS如何控制li標記樣式
- 下一頁:div與span的區別
DivCSS教程排行
相關文章
copyright © 萬盛學電腦網 all rights reserved