① css中如何調整插入背景圖片的大小
可以通過cover和contain來對圖片進行伸縮。
語法:
background-size:auto;/* 默認值,不改變背景圖片的高度和寬度 */
background-size:100px 50px;/* 第一個值為寬,第二個值為高,當設置一個值時,將其作為圖片寬度來等比縮放 */
background-size:10%;/* 0%~100%之間的任何值,將背景圖片寬高按百分比顯示,當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
(1)背景圖片豎式擴展閱讀:
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%;
}
② CSS怎麼樣讓背景圖片水平(垂直)居中
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
</head>
<bodyclass="bodybg">
<h2>針對當前div層背景居中</h2>
<h3>ps:背景圖片是需要高度和內容撐開的。沒有高度沒有內容,背景圖片是無法顯示的</h3>
<divclass="bgImg">
</div>
</body>
<styletype="text/css">
.bgImg{
background:url(images/2.png)centerno-repeat;/*這個是簡寫,可以分開寫*/
/*background-position:centercenter;*/
/*background-image:url(images/2.png);*/
/*background-repeat:no-repeat;*/
width:200px;
height:200px;
border:1pxsolid#000000;
}
.bodybg{
background:url(images/2-1.png)centerno-repeat;
height:100vh; /*一屏高度的表示*/
}
</style>
</html>
③ PPT幻燈片裡面設置的背景圖片 橫向和豎向的比列怎麼調整
不是有幻燈片設計嗎 ...你好樓主,你設置下模板或插入就可以了 ...如果...在橫向的ppt中,做一個超級鏈接,鏈接縱向ppt;二種:在橫向ppt中:插入...
④ word背景圖片滿屏
讓word背景圖片滿屏步驟如下:
1、雙擊圖標打開Word軟體。
這樣,word背景圖片就滿屏了。
⑤ 急!很急!非常急!十分的急!我需要在Word的上的豎式圖片
是不是這張啊,先給個小圖你看下。如果是我就發到你郵箱。
⑥ css背景圖片我的圖片時橫的,怎麼叫他豎起來
background-repeat:repeat-y;
背景圖片按Y軸循環(也就是豎向循環)
background-repeat:repeat-X;
背景圖片按X軸循環(也就是橫向循環)
background-repeat:no-repeat;
背景圖片不循環
⑦ PPT模板的背景圖片標準是什麼尺寸
默認狀態下新建一個PPT文檔, PPT背景默認的寬高分別是25.4厘米和19.05厘米。
ppt背景圖片尺寸一般全屏的尺寸是多少,做背景圖片一般是越大越清晰咯。關鍵是看圖片的長寬比例。PPT的全屏圖片可以和你電腦顯示器用的壁紙一樣大小。你的顯示哭解析度是多少,就可以用多大的。
在PPT中,1英寸=2.54厘米,一般家用顯示器的解析度為:96像素/英寸,那麼,很容易得出25.4厘米=960像素,19.05厘米=720像素。
如果想剛剛好完全覆蓋PPT背景的話,要考慮解析度在72像素/英寸以上,25.4厘米X19.05厘米就可以,但是,要注意的是解析度越高,圖片體積越大,最後成生的PPT文件也就越大。
如果想讓圖片剛剛好完全覆蓋PPT背景的話。
1,比例為:4:3,圖片大小:960像素*720像素即可(或25.4厘米*19.05厘米);
2,比例為:16:9的話,圖片大小為:25.4厘米*14.29厘米。建議使用16:9(25.4厘米*14.29厘米)的的頁面比例,這樣設計更有美感,也是大趨勢。
(7)背景圖片豎式擴展閱讀:
運用母板
使用母版可以定義每張幻燈片共同具有的一些統一特徵。這些特徵包括:文字的位置與格式,背景圖案,是否在每張幻燈片上顯示頁碼、頁腳及日期等。
母版中最常用到的是幻燈片母版。它控制除標題幻燈片以外的所有幻燈片的格式。母版上的更改反映在每張幻燈片上。如果要使個別的幻燈片外觀與母版不同,直接修改該幻燈片即可。幻燈片母版的使用操作如下:
⑴打開「視圖」菜單上的「母板」,單擊「幻燈片母板」。
⑵將對象添加到幻燈片母版中。
⑶單擊「母板」工具欄上的「關閉」按鈕。
資料鏈接:網路-MicrosoftOfficePowerPoint
⑧ 急!!如何用css實現背景圖片縱向平鋪
1、再css中定義css的背景圖片,修改CSS的一下部分:
background-image:url(../images/bg_middle.jpg);
2、在之後加上background-repeat:repeat-y; 這個屬性可以讓圖片縱向平鋪
3、看圖片是否會需要居中如果需要的話加上background-position: center
⑨ CSS中如何設拉伸背景圖片鋪滿屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(9)背景圖片豎式擴展閱讀:
CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。
編程工具
記事本:使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時,以.html為後綴名進行保存即可。
Dreamweaver:它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地製作出充滿動感的網頁。
⑩ 在css中設置圖片的背景圖,怎麼設置圖片縱向拉伸
css中設置背景圖拉伸填充,在css2.1之前這個背景的長寬值是不能被修改的。 實際的結果是只能重復顯示,可以使用repeat,repeat-x,repeat-y,no-repeat這些屬性來控制背景圖片的顯示。所以一般用作背景圖片的有2類:
1.是一整張大圖,尺寸和區域大小剛好吻合
2.一個很小的條狀圖,通過repeat後,形成一個很規則的大圖背景。
css3出現以後,可以用background-size 屬性來實現背景圖拉伸填充。 而且這個屬性在firefox,chrome,以及ie9上都可以使用。
具體使用方法如下:
背景圖尺寸(數值表示方式):
#background-size{ background-size:200px 100px; }
背景圖尺寸(百分比表示方式):
#background-size{ background-size:30% 60%; }
背景圖尺寸(等比擴展圖片來填滿元素,即cover值):
#background-size{background-size:cover; }
背景圖尺寸(等比縮小圖片來適應元素的尺寸,即contain值):
#background-size{ background-size:contain; }
背景圖尺寸(以圖片自身大小來填充元素,即auto值):
#background-size{ background-size:auto; }