Visual Studio網頁想要實現一個功能,就是在固定的位置插入圖片,該怎么實現呢?下面我們就來看看詳細的教程。
1、打開Visual Studio軟件,創建一個網站頁面,本例為Default.aspx。
2、找到body和div標簽,如下圖所示。
3、找到頁面布局代碼的最里面的一個div,如下圖所示。
4、首先,設置輸入圖片的寬和高。
5、width表示圖片的寬,本例設置為280像素,height表示圖片的高,本例為160像素。
6、接著,在網頁中插入所需的圖片,如下圖所示。
7、代碼中src描述圖片存放的路徑,本例存放在images文件夾中。
8、margin-left表示圖片離網頁左側的距離,本例中將距離值設置為300像素。
9、在網頁上右擊,選擇在瀏覽器中查看選項。
10、網頁在瀏覽器中打開后,插入的圖片在設置好的位置上顯示了。
以上就是VisualStudio設置網頁固定位置插入圖片的教程,希望大家喜歡,請繼續關注錯新站長站。
相關推薦:
Visual Studio資源管理器怎么修改??课恢?
Visual Studio中無法查找或打開PDB文件怎么辦?
visual studio 2013執行結束后輸出窗口會一閃而過該怎么辦?
新聞熱點
疑難解答