① 在html中,怎麼設置背景圖片不重復不平鋪,只顯示一張圖片
背景圖片不重復不平鋪,可以這樣設定背景:
1、<body style="background-image: url("圖片文件地址"); background-attachment: fixed;">
這樣背景圖片就會固定住,不會因頁面滾動而重復。
2、使圖在任何大小的屏幕都不會顯示重復,可以這樣設定背景(圖像不平鋪):
<body style="background-image: url("圖片文件地址"); background-repeat:no-repeat;">
3、兩者結合,就是:<body style="background-image: url("圖片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">
(1)css背景圖片不重復擴展閱讀
超級文本標記語言文檔製作不是很復雜,但功能強大,支持不同數據格式的文件鑲入,這也是萬維網(WWW)盛行的原因之一,其主要特點如下:
簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。
可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。
平台無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。
通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。
② css背景圖片放到最頂端居中 不重復
簡寫代碼如下:
background:url(../images/abc.png)no-repeatcentertop;
說明:
../images/abc.png代表圖片路徑;
no-repeat是不循環;
center是水平方向居中;
top是垂直方向居頂。
③ 網頁設計背景圖片時怎麼使圖片不重復平鋪
.tabbg
{
background-attachment:
scroll;
background-image:
url(images/tabbg.gif);
background-repeat:
no-repeat;
background-position:
left
bottom;
}
調用:class="tabbg"
注意:CSS代碼中的background-position:
left
bottom;就是定義背景圖片的位置為左下,可根據具體需要做調整,如右上right
top;左上left
top;右下right
bottom;等等。
如果想不重復,背景圖要大點哦
④ css 怎麼設置背景圖片的重復次數
CSS中是不能設置背景圖片的重復次數,不過可以做出重復次數的效果。
例如,你的一張圖片如果是X軸重復3次,寬為100px;那麼你就可以寫
img{background:url(圖片地址)repeat-x;height:50px;width:300px;}
這樣子就可以了。
CSS(層疊樣式表)級聯樣式表是一種用來表現HTML(標准通用標記語言的一個應用)或XML(標准通用標記語言的一個子集)等文件樣式的計算機語言。
⑤ 用html添加背景圖片時.怎麼讓它不重復.並且居中.
在你所加背景圖片的table或div里加入如下代碼:style="background-position:center; background-repeat:no-repeat;"
例如:<table width="200" height="200" style="background-position:center; background-repeat:no-repeat;" background="a.jpg">
補充:
style="background-position:center; background-repeat:no-repeat;"
加在<body>裡面就可以了。
例如:
<body style="background-position:center; background-repeat:no-repeat;">
⑥ CSS把背景圖片不重復拉伸
朋友no-repeat肯定可以實現背景圖片不重復現象,你剛剛那個no_repeat和no-repeat你一樣你仔細看看,還是不能實現就加我好友吧我幫你解決287145527
⑦ CSS背景圖片,不應該重復的出現重復了
可能你沒表達清楚,可能確實是出現了你所說的情況,你可以只寫
<div class="content">
<div class="right">文字文字文字文字</div>
<div class="left">文字文字<a>文字</a>文字</div>
</div>
這段代碼和相關樣式,其他代碼全刪掉,看看還會不會出現,
⑧ 如何讓網頁背景圖片不重復顯示
現在一般都用css設定了,比如在一個div下設背景圖片切不讓其重復,則可設一個樣式,比如:
.nobgrepeat{background:url(背景圖片地址) left top no-repeat;}
(這個樣式可以直接放在網頁文件head標簽對的<style></style>標簽對中,然後在調用時直接用<div class="nobgrepeat"></div>,也可以另外放在單獨的css文件中)
left:直接用left代表背景圖片靠到div最左邊,可以用數字代替,比如10px,來控制背景圖片距離該div左邊的距離。
top:同left
另外取值還有:right;bottom;center看你自己如何取了。
repeat的取值還有repeat-x,repeat-y,分別表示沿x軸重復和y軸重復。
background還有個fixed屬性,我沒用過,你可以自己用用看看
⑨ 如何設置CSS網頁中的背景圖片不讓其重復並且鋪滿整個屏幕,不會因為解析度的問題而顯示不出來
html,body{height:100%;}
body{background:url(背景圖片地址)no-repeat00/100%100%;}
⑩ css 背景圖片怎麼壓縮不重復平鋪
IE11+應該支持的,其他就別想了。