VisualStudio網(wǎng)頁(yè)怎么設(shè)置在固定的位置插入圖片?
我要評(píng)論Visual Studio網(wǎng)頁(yè)想要實(shí)現(xiàn)一個(gè)功能，就是在固定的位置插入圖片，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程。
Visual Studio 2017 正式版 (附離線安裝包) 官網(wǎng)簡(jiǎn)體中文版
- 類型：編程工具
- 大?。?/span>15GB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2017-03-14
1、打開Visual Studio軟件，創(chuàng)建一個(gè)網(wǎng)站頁(yè)面，本例為Default.aspx。
2、找到body和div標(biāo)簽，如下圖所示。
3、找到頁(yè)面布局代碼的最里面的一個(gè)div，如下圖所示。
4、首先，設(shè)置輸入圖片的寬和高。
5、width表示圖片的寬，本例設(shè)置為280像素，height表示圖片的高，本例為160像素。
6、接著，在網(wǎng)頁(yè)中插入所需的圖片，如下圖所示。
7、代碼中src描述圖片存放的路徑，本例存放在images文件夾中。
8、margin-left表示圖片離網(wǎng)頁(yè)左側(cè)的距離，本例中將距離值設(shè)置為300像素。
9、在網(wǎng)頁(yè)上右擊，選擇在瀏覽器中查看選項(xiàng)。
10、網(wǎng)頁(yè)在瀏覽器中打開后，插入的圖片在設(shè)置好的位置上顯示了。
以上就是VisualStudio設(shè)置網(wǎng)頁(yè)固定位置插入圖片的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Visual Studio中無(wú)法查找或打開PDB文件怎么辦?
visual studio 2013執(zhí)行結(jié)束后輸出窗口會(huì)一閃而過(guò)該怎么辦?
相關(guān)文章
VisualStudio網(wǎng)頁(yè)怎么插入驗(yàn)證碼標(biāo)簽?
VisualStudio網(wǎng)頁(yè)怎么插入驗(yàn)證碼標(biāo)簽？Visual Studio網(wǎng)頁(yè)中想要插入驗(yàn)證碼標(biāo)簽，該怎么插入呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-05-02
VisualStudio網(wǎng)站怎么引用dll文件? vs2015引用dll文件的教程
VisualStudio網(wǎng)站怎么引用dll文件？Visual Studio中的網(wǎng)站想要引用DLL文件，該怎么引用呢？下面我們就來(lái)看看vs2015引用dll文件的教程，需要的朋友可以參考下2018-04-29
VisualStudio網(wǎng)頁(yè)怎么插入文本框? vs文本框的制作方法
VisualStudio網(wǎng)頁(yè)怎么插入文本框？VisualStudio中想要制作一個(gè)可以輸入文本的文本框，該怎么制作呢？下面我們就來(lái)看看vs文本框的制作方法，需要的朋友可以參考下2018-04-28
VisualStudio怎么插入按鈕? vs網(wǎng)頁(yè)添加按鈕的教程
VisualStudio怎么插入按鈕？VisualStudio想要給網(wǎng)頁(yè)添加一個(gè)按鈕，該怎么制作按鈕呢？下面我們就來(lái)看看vs網(wǎng)頁(yè)添加按鈕的教程，需要的朋友可以參考下2018-04-26
VisualStudio數(shù)據(jù)庫(kù)怎么與說(shuō)網(wǎng)站連接?
VisualStudio數(shù)據(jù)庫(kù)怎么與說(shuō)網(wǎng)站連接？vs想要配置網(wǎng)站數(shù)據(jù)庫(kù)連接，該怎么將數(shù)據(jù)庫(kù)與網(wǎng)站連接起來(lái)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-04-25
VisualStudio網(wǎng)站中怎么添加資源? vs給網(wǎng)站添加資源的教程
VisualStudio網(wǎng)站中怎么添加資源？Visual Studio中建立的網(wǎng)站想要添加資源，該怎么添加資源呢？今天我們就來(lái)介紹vs給網(wǎng)站添加資源的兩種方法，需要的朋友可以參考下2018-04-22
VisualStudio網(wǎng)頁(yè)怎么設(shè)計(jì)驗(yàn)證用戶名和密碼的功能?
VisualStudio網(wǎng)頁(yè)怎么設(shè)計(jì)驗(yàn)證用戶名和密碼的功能？vs中制作的網(wǎng)頁(yè)想要添加一個(gè)用戶登陸驗(yàn)證效果，該怎么驗(yàn)證它的用戶名和密碼呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友2018-04-22
VisualStudio安裝失敗怎么辦? vs安裝失敗的四種解決辦法
VisualStudio安裝失敗怎么辦? Visual Studio安裝的時(shí)候，總是提示Team Explorer錯(cuò)誤，該怎么辦呢？下面我們就來(lái)看看vs安裝失敗的四種解決辦法，需要的朋友可以參考下2018-04-20
VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程
VisualStudio Code怎么按文件名搜索？Visual Studio Code中想要搜索文件，怎么按文件名搜索呢？下面我們就來(lái)看看vscode按文件名搜索的教程，需要的朋友可以參考下2018-04-20
VisualStudio Code怎么切換大小? vscode代碼切換大小寫的教程
VisualStudio Code怎么切換大??？Visual Studio Code中輸入的代碼想要切換大小寫，該怎么切換呢？下面我們就來(lái)看看vscode代碼切換大小寫的教程，需要的朋友可以參考下2018-04-20
