Ⅰ css里怎麼設置圖片的大小
選擇器{
width: px; 設置寬度
height: px; 設置高度
}
Ⅱ css設置圖片大小代碼
html:
<img src="" class="img" />
css:
.img{width: 200px; height: 100px;}
Ⅲ 怎樣用css控制圖片自適應大小
1、首先用dw編輯器建立了一個靜態頁面
Ⅳ 關於如何利用CSS自動調整圖片的大小
1、首先需要新建一個HTML頁面。
Ⅳ css中怎麼設置圖片的大小
img{
widht:200px;
height:200px;
}
Ⅵ css中如何調整插入背景圖片的大小
可以通過cover和contain來對圖片進行伸縮。
語法:
background-size:auto;/* 默認值,不改變背景圖片的高度和寬度 */
background-size:100px 50px;/* 第一個值為寬,第二個值為高,當設置一個值時,將其作為圖片寬度來等比縮放 */
background-size:10%;/* 0%~100%之間的任何值,將背景圖片寬高按百分比顯示,當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
CSS背景圖片自適應、全屏、填充、拉伸
方法一:js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二:全瀏覽器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}