|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 有的網站頁面中如果加入好看的背景圖片是更能夠引人注目的,可是我們該怎么進行網頁背景圖片設置呢?而且通常會被要求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背景平鋪等相關知識。希望對有需要的朋友有所幫助。 注: background 簡寫屬性在一個聲明中設置所有的背景屬性。 background-size 屬性規定背景圖像的尺寸。 background-repeat 屬性設置是否及如何重復背景圖像。默認的背景圖像在水平和垂直方向上重復。 background-image 屬性為元素設置背景圖像。 元素的背景占據了元素的全部尺寸,包括內邊距和邊框,但不包括外邊距。默認地,背景圖像位于元素的左上角,并在水平和垂直方向上重復。 以上就是html怎么添加背景圖片且讓圖片平鋪整個頁面?(代碼示例)的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!