當前位置:首頁 » 網頁前端 » web給導航欄加圖片
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web給導航欄加圖片

發布時間: 2022-05-19 15:30:02

1. html怎麼把導航放在圖片上

第一種方法

  1. 如果把圖片作為背景不能全部顯示,加這個屬性:background-size: 100%;就能全部顯示了。

    第二種方法

  2. 在大div里放<img/>和導航,

  3. 給mian相對定位:position:relative;,給nav絕對定位:position:absolute;,
  4. 然後設置nav的top和left就好了。

2. 這種導航欄用HTML和CSS怎麼做,怎麼插圖片,跪求各位大神幫助。

可以用background: 背景圖片。
用ul好做寫,ol是有序表。很簡單基礎的東西啦發,稍微一網路就都會了。

3. 求導航欄加小背景圖片的代碼

演示效果:http://hi..com/hesoufo 刪除你模板中#tab開頭的所有代碼,添加如下代碼:(圖片根據自己的愛好添加) #tab span {display:none;} #tabline{display:none;} #tab { TOP:20px;HEIGHT:30px;left:166px } #tab a{text-decoration:none;} #tab a.on,#tab a.on:link,#tab a.on:visited ,/*選中*/{text-align:center;width:90px; color:#E37272;font-size:14px;font-family:方正舒體;BACKGROUND: scroll url(http://imgsrc..com/css/pic/item/118015fb13aca96a034f56bb.jpg) no-repeat;} #tab a:link,#tab a:visited /*未選中*/{color:#E37272;text-align:center;width:90px; text-decoration:none; font-size:14px;font-family:方正舒體; line-height:32px;BACKGROUND: scroll url(http://imgsrc..com/css/pic/item/118015fb13aca96a034f56bb.jpg) no-repeat;} #tab a:hover ,#tab a.on:hover{background: url(



) no-repeat 15px -13px;} #tab2/*設置TAB菜單主體*/{background:transparent} #tab2 span/*TAB選中狀態*/{color:#E37272;font-size:12px;font-weight:bold} #tab2 a/*TAB未選中狀態*/{font-size:12px} #tab2 a:link{color:#E37272} #tab2 a:visited{color:#E37272}

4. 我要在html里寫一個導航欄下載了一個素材我該怎麼用直接插入圖片

<img src="這里填寫圖片路徑">,把這個代碼放上去就可以顯示圖片了

5. 請問如何把導航欄放在圖片上面。

有兩種辦法,
1,就是在布局的時候用圖片為背景,然後把導航布局在圖片上,
2,直接兩者寫好後把導航絕對定位到圖片上面
一般都是第一種的,這種布局方式。

6. css導航中加入圖片

<body>
<p>天貓超市</p>

</body>
<style>
p{ font-size:18px; line-height:2; color:#FFF; background:#F00 url(...鏈接圖片地址) no-repeat left center; padding-left:20%(值越大,文字與圖片之間的間隔就越大);}
</style>
望採納

7. bootstrap 導航條 如何添加上圖片,我添加一個圖片,如圖,看著特別別扭,如何修改

為兩個圖片增加如下的樣式即可:

.img-fix{vertical-align:-2px;}/*-2px可根據實際再調整,直到文字居中對齊圖片*/

8. 用HTML製作網頁,往導航欄中的每個標簽加一個背景圖片,為什麼顯示不出來呢

你問的問題不明白,製作導航欄也可以用很多方法,你該把代碼發上來給大家看看吧。
我之前製作的導航欄是用<ul><li>製作,剛開始也是背景無法顯示,後來設置了<ul>的高度就好了。

9. 博客導航欄如何添加背景圖片

一,進入博客用滑鼠點住頂欄上面「個人中心」左鍵點出現的「博客裝扮」打開後左鍵點右上角「返回舊版」。
返回後點左邊「風格自定義」點開後點右邊「修改」左邊出現 「 頂區 ,導航條 ,底區。中間是背景圖片[選圖],[去圖]。點「頂區」點[選圖]就更換頂區圖片了,同樣點「導航」點[選圖],點「底區」[選圖],就可以上傳已存入電腦里的圖片了。
二,點「頂區」,最左邊出現「背景」,「文字」點「文字」後出現「大小」,「字體」,「對齊」,顏色,根據需要定。點右邊「保存風格」
點「導航」左邊有「文字」,「當前項」,「滑鼠劃過項」,根據你的需要確定字體大小顏色,位置,導航條高度。點右邊「保存風格」
「 底區」高度自定。點右邊「保存風格」
三,點「瀏覽器」點[選圖],「平鋪方式」[水平+垂直平鋪],「固定背景」左鍵在方塊中間點一下打上勾。點右邊「保存風格」注意:瀏覽器的圖片是鋪滿整個桌面的,要把寬,高調整好。
四,全部操作完畢後點「返回」。

10. 在HTML中,如何把一級導航欄的文字換成自己的圖片

如果每個導航條都需要自己的圖片。你需要使用CSS的nth-child() 選擇器;
http://www.w3school.com.cn/cssref/selector_nth-child.asp