當前位置:首頁 » 背景圖片 » 設置背景圖片的大小
擴展閱讀
手機可以下載微信的圖片 2024-12-23 14:58:35
畫畫圖片大全花朵 2024-12-23 14:57:40

設置背景圖片的大小

發布時間: 2022-01-07 08:35:03

① html如何設置背景圖片的大小

那是因為你的背景圖片選的太小 你看看你的圖片是多少成多少像素的 要比你的桌面差不多才能顯示一整張 不然默認的就是平鋪出好多張 直到把屏幕填滿 這種情況是沒辦法再設置圖片大小的 因為你的圖片本來就那麼小了

② 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,最後也可以使用百分數值。不同類型的值對於背景圖像的放置稍有差異。

③ css中的背景圖怎麼改變大小

需要准備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,打開html編輯器,新建html文件,例如:index.html。

④ 在Dreamweaver中怎麼改變背景圖片的大小

在Dreamweaver中改變背景圖片的大小的方法:

打開DW點擊已經設置好的圖片,輸入「backg-s」,輸入需要的數值輸入500px,即為圖片X軸拉伸至500像素,輸入500px 500px,即為圖片X軸Y軸均拉伸至500像素,可以直接輸入圖片的縮放百分比,50%即為圖片縮放一半。百分比數值過大,圖片會依照背景裁減掉一部分。

DW是網頁代碼編輯器。利用對HTML、CSS、JavaScript等內容的支持,設計師和程序員可以在幾乎任何地方快速製作和進行網站建設。Adobe Dreamweaver使用所見即所得的介面,亦有HTML編輯的功能,藉助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。



相關信息

1、CS6新增功能

利用Adobe DreamweaverCS6軟體中改善的FTP性能,更高效地傳輸大型文件。更新的「實時視圖」和「多屏幕預覽」面板可呈現HTML5代碼,使您能檢查自己的工作。

2、自適應網格

可響應的自適應網格版面,使用響應迅速的CSS3自適應網格版面,來創建跨平台和跨瀏覽器的兼容網頁設計。利用簡潔、業界標準的代碼為各種不同設備和計算機開發項目,提高工作效率。直觀地創建復雜網頁設計和頁面版面,無需忙於編寫代碼。

⑤ htmL中怎麼插入背景圖片如何設置背景圖片大小

可以使用html的background-image標簽和background-size實現插入背景圖片和控制圖片大小。

具體步驟如下:

需要准備的材料分別是:電腦、瀏覽器、ultraedit。

1、在ue編輯器中新建一個空白的html文件。

⑥ html如何設置圖片大小

操作方法如下:

1、以Hbuilder來講解,首先新建一個HTML頁面,如圖;

⑦ word關於背景圖片設置的大小

Word插入圖片後,點擊插入的圖片是可以調整圖片大小的.點擊插入的圖片,圖片上會出現個框框,滑鼠左鍵點中邊框就可以拉伸縮小圖片了.

⑧ word中的背景圖片怎麼調大小

1、第一步:點擊菜單欄中的「頁面布局——水印——自定義水印」。

⑨ css中如何調整插入背景圖片的大小

可以通過cover和contain來對圖片進行伸縮。

語法:

background-size:auto;/* 默認值,不改變背景圖片的高度和寬度 */

background-size:100px 50px;/* 第一個值為寬,第二個值為高,當設置一個值時,將其作為圖片寬度來等比縮放 */

background-size:10%;/* 0%~100%之間的任何值,將背景圖片寬高按百分比顯示,當設置一個值的時候同也將其作為圖片寬度來等比縮放 */

background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */

background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */

(9)設置背景圖片的大小擴展閱讀:

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%;

}

⑩ word背景圖片大小怎麼設置

1、首先,你應該准備一張A4紙大小的圖片作為背景圖,不應該用拉伸的方法把它搞大,不然,列印出來的效果就慘不忍睹了。
2、新建方法:「文件」——「新建」——(編輯區右邊)「本機上的模板……」——「報告」——「稿紙向導」設置好你需要的「信紙」
3、既然你已經會把圖片作為背景,我還是想多說一句,不應該用插入圖片,再把它設為「襯於文字下方」的方法為之,而應該用「格式」——「背景」——「填充效果」,載入一張准備好的圖片。
4、列印是關鍵喲:「文件」——「列印」——「選項」,勾選「背景色和圖像」。當然這一步也可以在「工具」——「選項」——「列印」中設置。
如此這般,列印出來的東西就是你所需要的了。
既然是信件嘛,上面的文字看起來呆板也不太逼真呀,你可以安裝「方正靜蕾簡體」(從名稱你就知道是誰的字體了吧)或者「博洋行書」等手寫字體,列印出來就如同手寫的一般。如果是給情人的信,一定會令她(他)驚嘆不已的。
http://..com/question/25974264.html
http://itclub.ste.net/resourse/office/ht11.htm
新建一個文檔→單擊「視圖→網格線→文件→保存→任意起個文件名→保存類型選擇「文檔模板」→保存
打開模板所在目錄:C:\Documents
and
Settings\Administrator\Application
Data\Microsoft\Templates
,將原來的
Normal.dot
刪除掉,將剛剛保存的模板改為
Normal.dot
,即覆蓋原來的模版,就可以了。
先用PHOTOSHOP把圖片的大小改成你需要的紙張尺寸,再在WORD中導入為背景。另外,設置紙張時紙張邊距
默認的解析度是96像素/英寸,在工具→選項→常規→web選項→圖片選項卡里;
製作背景圖時:
1、解析度設置為96像素/英寸,A4紙大小(210mmX297mm);
2、菜單欄:選用「格式→背景→填充效果→圖片選項卡」