css如何縮放div元素
在css中，可以利用transform屬性來縮放div元素，當該屬性的值為“scale(x,y)”時，就可以對元素進行縮放轉換，語法為“transform:scale(橫向縮放比例,豎向縮放比例);”。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css如何縮放div元素
我們可以通過transform屬性來對div元素進行縮放的操作，當transform屬性的值設置為“scale(x,y)”時，表示我們可以對div元素進行2D縮放轉換。
下面我們通過示例來看一下怎樣對div進行縮放，示例如下：
立即學習“前端免費學習筆記（深入）”；
<!DOCTYPE html>
<html>
<head>
<style>
.no{
width:300px;
height:100px;
background-color:#ff9900;
}
.yes{
width:300px;
height:100px;
background-color:#ff9900;
transform:scale(0.5,0.5);
}
</style>
</head>
<body>
<p>沒縮放的div元素：</p>
<div class="no"></div>
<p>縮放的div元素：</p>
<div class="yes"></div>
</body>
</html>輸出結果：
（學習視頻分享：css視頻教程）
以上就是css如何縮放div元素的詳細內容，更多請關注有啊網站百科其它相關文章！
標簽：css
- 喜歡（10）
- 不喜歡（3）
聲明：本文由會員轉載自互聯網、僅供學習交流，內容版權歸原作者所有，如涉作品、版權或其它疑問請聯系本站管理員刪除。
火車太堵
電影獵手
555
豌豆
有啊京券網
有啊淘券網
極簡插件
RedHelper
壹伴
百分投簡歷
