有的網站頁面中如果加入好看的背景圖片是更能夠引人注目的,可是我們該怎麼進行網頁背景圖片設定呢?而且通常會被要求html背景圖片平舖的展現效果。這對於稍懂一些html/css知識的朋友來說應該並不是難事。那麼本篇文章主要針對新手朋友們,來詳細介紹html背景圖的新增使用方法。可供大家參考。
一、html背景圖橫向平鋪程式碼範例:
<style type="text/css"> body{ font-size:12px; font-family:"宋体"; background-image:url(2.png); background-repeat:repeat-x; COLOR: #0C2B30; } </style>
效果如下圖:
二、html背景圖縱向平鋪程式碼範例:
body{ font-size:12px; font-family:"宋体"; background-image:url(2.png); background-repeat:repeat-x; COLOR: #0C2B30; }
效果如下圖:
##三、html圖片全螢幕程式碼範例:
html,body{ width: 100%; height: 100%; } .mui-content{ background: url(2.png) bottom center no-repeat #efeff4 ; background-size: 100% 100%; width: 100%; height: 100%; }效果如下圖: #那麼以上給大家總結了關於怎麼讓html設定背景圖片、html背景平鋪等相關知識。希望對有需要的朋友有幫助。 註:
以上是html怎麼加入背景圖片且讓圖片平鋪整個頁面? (程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!