㈠ word中的背景圖片怎麼調大小
1、第一步:點擊菜單欄中的「頁面布局——水印——自定義水印」。
㈡ CSS樣式表控制背景圖片大小
可以通過background-size屬性來設定背景圖片的大小。它可以是像素(px)或者是百分比(%),舉例說明:background-size:950px* 200px這表示把背景圖片大小調整為寬度950像素,高度200像素。
1、background-size的語法說明:
(1)屬性名:background-size
(2)屬性值:其中 bg-size = [|| auto ]{1,2} | cover |
contain
(3)初始值:auto auto
(4)應用於:所有元素
(5)繼承性:無
(6)百分比:後面會說明
(7)計算值:根據指定
2、代碼說明:
/* 一個值: 這個值指定圖片寬度,第二個值為auto */
background-size: auto
background-size: 50%
background-size: 3em
background-size: 12px
/* 兩個值: 第一個值指定圖片的寬度,第二個值指定圖片的高度 */
background-size: 50% auto
background-size: 3em 25%
background-size: auto 6px
background-size: auto auto
/*多重背景,用逗號隔開,在CSS語法中凡語法後跟*或者#,都是可以無限重復的,但必須用逗號隔開。 */
background-size: auto, auto /* 請區別於background-size: auto auto*/
background-size: 50%, 25%, 25%
background-size: 6px, auto, contain
background-size: inherit
(2)背景圖片縮小擴展閱讀:
背景重復:
如果需要在頁面上對背景圖像進行平鋪,可以使用background-repeat 屬性。
屬性值 repeat 導致圖像在水平垂直方向上都平鋪,就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復,no-repeat 則不允許圖像在任何方向上平鋪。
背景圖像將從一個元素的左上角開始。如下:
body
{
background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y;
}
背景定位:
可以利用background-position 屬性改變圖像在背景中的位置。
下面的例子在 body 元素中將一個背景圖像居中放置:
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat; background-position:center;
}
為 background-position 屬性提供值有很多方法。首先,可以使用一些關鍵字:top、bottom、left、right 和 center。通常,這些關鍵字會成對出現,不過也不總是這樣。還可以使用長度值,如 100px 或 5cm,最後也可以使用百分數值。不同類型的值對於背景圖像的放置稍有差異。
㈢ html 請問背景圖片可以縮放么
放在img標簽里的就不是背景圖片啦,這樣是可以縮放的,只要指定寬(和/或)高就可以了.如:
<img src="11.png" width="1000">
如果是純背景(background樣式或屬性)就不能縮放了,但可以平鋪.
㈣ background-image背景圖片怎麼用css縮小
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
㈤ css中的背景圖怎麼改變大小
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
㈥ div+css 如何讓背景圖片橫向縮小
背景圖不能放大縮小,只能平鋪,img才能放大縮小,如果你需要背景圖發達縮小限制兩個方式。
第一種:背景圖居中其他方向填充顏色 background:url(../images/bj.jpg) no-repeat center top #F00;
第二種:img定位,給img設置寬高百分比<img src="../images/bj.jpg" style="width:100%; height:100%; position:absolute; z-index:1;" />
㈦ 我在網頁中插入了背景圖片,怎樣調整背景圖片的大小
可以使用css的background-size屬性來調整背景圖片的大小,比如:
background-size: 240px 180px
背景圖片的寬為240像素,高為180像素
background-size: 50% 30%
背景圖片的寬設為容器寬度的50%,高設為容器高度的30%
background-size: cover
把背景圖片擴展至足夠大,以使背景圖片完全覆蓋容器區域(背景圖片的某些部分也許無法顯示在容器區域中)
background-size: contain
把背景圖片擴展至最大尺寸,以使其寬度和高度完全適應容器區域(容器的部分邊角位置可能會留空)
需要注意的是,background-size是css3的屬性,瀏覽器必須支持css3才能看到預期的效果。好在現在的主流瀏覽器都是支持css3的(如果你堅持用IE6那當我沒說)
㈧ css中如何調整插入背景圖片的大小
CSS2.1 之前是不能設置背景圖大小的,CSS3就可以通過background-size來設定圖片大小,可以是像素或者是百分比。
例如background-size:100px 200px;表示把背景圖片大小調整為100x200px。
㈨ div+css怎麼讓背景圖片自動縮放
.imgDiv{
width:500px;
height:500px;
background-image:url('../images/index.jpg');
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-moz-border-image: url(./btn.png) 0;
background-repeat:no-repeat9;
background-image:none9;
(此處空一行)
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')9;
}
(9)背景圖片縮小擴展閱讀:
css控制背景圖片自動伸縮自適應的小技巧
例子如下:
.picLUp{
background:url(logo.png)no-repeat;
width:100%;height:40%;
background-size:100%100%;
}
語法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
屬性:
enabled:
可選項,布爾值(Boolean),設置或檢索濾鏡是否激活。true | false
true:
默認值,濾鏡激活。
false:
濾鏡被禁止。
sizingMethod:
可選項,字元串(String),設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。