Visual Studio網(wǎng)頁想要實(shí)現(xiàn)一個(gè)功能，就是在固定的位置插入圖片，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程。

軟件名稱：Visual Studio 2017 正式版 (附離線安裝包) 官網(wǎng)簡(jiǎn)體中文版軟件大小：15GB更新時(shí)間：2017-03-14

1、打開Visual Studio軟件，創(chuàng)建一個(gè)網(wǎng)站頁面，本例為Default.aspx。

2、找到body和div標(biāo)簽，如下圖所示。

3、找到頁面布局代碼的最里面的一個(gè)div，如下圖所示。

4、首先，設(shè)置輸入圖片的寬和高。

5、width表示圖片的寬，本例設(shè)置為280像素，height表示圖片的高，本例為160像素。

6、接著，在網(wǎng)頁中插入所需的圖片，如下圖所示。

7、代碼中src描述圖片存放的路徑，本例存放在images文件夾中。

8、margin-left表示圖片離網(wǎng)頁左側(cè)的距離，本例中將距離值設(shè)置為300像素。

9、在網(wǎng)頁上右擊，選擇在瀏覽器中查看選項(xiàng)。

10、網(wǎng)頁在瀏覽器中打開后，插入的圖片在設(shè)置好的位置上顯示了。

以上就是VisualStudio設(shè)置網(wǎng)頁固定位置插入圖片的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注錯(cuò)新站長(zhǎng)站。

相關(guān)推薦：

Visual Studio資源管理器怎么修改停靠位置?

Visual Studio中無法查找或打開PDB文件怎么辦?

visual studio 2013執(zhí)行結(jié)束后輸出窗口會(huì)一閃而過該怎么辦?