VisualStudio網(wǎng)頁怎么設(shè)置在固定的位置插入圖片?

Visual Studio網(wǎng)頁想要實(shí)現(xiàn)一個功能,就是在固定的位置插入圖片,該怎么實(shí)現(xiàn)呢?下面我們就來看看詳細(xì)的教程。
1、打開Visual Studio軟件,創(chuàng)建一個網(wǎng)站頁面,本例為Default.aspx。
2、找到body和div標(biāo)簽,如下圖所示。
3、找到頁面布局代碼的最里面的一個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)頁固定位置插入圖片的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Visual Studio中無法查找或打開PDB文件怎么辦?
visual studio 2013執(zhí)行結(jié)束后輸出窗口會一閃而過該怎么辦?
相關(guān)文章
VisualStudio網(wǎng)頁怎么插入驗(yàn)證碼標(biāo)簽?
VisualStudio網(wǎng)頁怎么插入驗(yàn)證碼標(biāo)簽?Visual Studio網(wǎng)頁中想要插入驗(yàn)證碼標(biāo)簽,該怎么插入呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-05-02VisualStudio網(wǎng)站怎么引用dll文件? vs2015引用dll文件的教程
VisualStudio網(wǎng)站怎么引用dll文件?Visual Studio中的網(wǎng)站想要引用DLL文件,該怎么引用呢?下面我們就來看看vs2015引用dll文件的教程,需要的朋友可以參考下2018-04-29VisualStudio網(wǎng)頁怎么插入文本框? vs文本框的制作方法
VisualStudio網(wǎng)頁怎么插入文本框?VisualStudio中想要制作一個可以輸入文本的文本框,該怎么制作呢?下面我們就來看看vs文本框的制作方法,需要的朋友可以參考下2018-04-28VisualStudio怎么插入按鈕? vs網(wǎng)頁添加按鈕的教程
VisualStudio怎么插入按鈕?VisualStudio想要給網(wǎng)頁添加一個按鈕,該怎么制作按鈕呢?下面我們就來看看vs網(wǎng)頁添加按鈕的教程,需要的朋友可以參考下2018-04-26VisualStudio數(shù)據(jù)庫怎么與說網(wǎng)站連接?
VisualStudio數(shù)據(jù)庫怎么與說網(wǎng)站連接?vs想要配置網(wǎng)站數(shù)據(jù)庫連接,該怎么將數(shù)據(jù)庫與網(wǎng)站連接起來呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-04-25VisualStudio網(wǎng)站中怎么添加資源? vs給網(wǎng)站添加資源的教程
VisualStudio網(wǎng)站中怎么添加資源?Visual Studio中建立的網(wǎng)站想要添加資源,該怎么添加資源呢?今天我們就來介紹vs給網(wǎng)站添加資源的兩種方法,需要的朋友可以參考下2018-04-22VisualStudio網(wǎng)頁怎么設(shè)計(jì)驗(yàn)證用戶名和密碼的功能?
VisualStudio網(wǎng)頁怎么設(shè)計(jì)驗(yàn)證用戶名和密碼的功能?vs中制作的網(wǎng)頁想要添加一個用戶登陸驗(yàn)證效果,該怎么驗(yàn)證它的用戶名和密碼呢?下面我們就來看看詳細(xì)的教程,需要的朋友2018-04-22VisualStudio安裝失敗怎么辦? vs安裝失敗的四種解決辦法
VisualStudio安裝失敗怎么辦? Visual Studio安裝的時候,總是提示Team Explorer錯誤,該怎么辦呢?下面我們就來看看vs安裝失敗的四種解決辦法,需要的朋友可以參考下2018-04-20VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程
VisualStudio Code怎么按文件名搜索?Visual Studio Code中想要搜索文件,怎么按文件名搜索呢?下面我們就來看看vscode按文件名搜索的教程,需要的朋友可以參考下2018-04-20VisualStudio Code怎么切換大小? vscode代碼切換大小寫的教程
VisualStudio Code怎么切換大?。縑isual Studio Code中輸入的代碼想要切換大小寫,該怎么切換呢?下面我們就來看看vscode代碼切換大小寫的教程,需要的朋友可以參考下2018-04-20