DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 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>
 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved