Ⅰ 求助!html在裡面添加背景圖片代碼,顯示模糊,怎麼搞
HTML 中要設置背景的塊大小 比如div 300px * 400px
那麼背景圖的最佳尺寸也是 300px 400px
然後設置background: url(imgs/your.jpg) no-repeat center center;
背景水平垂直居中,效果最佳
css樣式background屬性值詳解
背景圖無論是縮放還是擴展,都會失真變得模糊,所以尺寸最接近塊的大小最好
Ⅱ 在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;">
(2)html背景圖片虛化擴展閱讀
超級文本標記語言文檔製作不是很復雜,但功能強大,支持不同數據格式的文件鑲入,這也是萬維網(WWW)盛行的原因之一,其主要特點如下:
簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。
可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。
平台無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。
通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。
Ⅲ html背景圖片全屏設置,但是卻有白邊,而且圖片有些模糊
1、出現白邊是因為瀏覽器的內或者外邊距默認值不為0:
你需要在head標簽里加上:
<style type="text/css">
*{margin: 0;padding: 0;}
</style>
用以重置瀏覽器的內外邊距默認值,將默認值改為0。
2、至於圖片模糊,應該是你載入的圖片解析度不夠,或者你載入圖片的元素和圖片寬高比差距較大。