国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 編程設計 > 正文

VisualStudio網頁怎么設置在固定的位置插入圖片?

2020-06-27 13:56:25
字體:
來源:轉載
供稿:網友

Visual Studio網頁想要實現一個功能,就是在固定的位置插入圖片,該怎么實現呢?下面我們就來看看詳細的教程。

 

軟件名稱:
Visual Studio 2017 正式版 (附離線安裝包) 官網簡體中文版
軟件大?。?/dt>
15GB
更新時間:
2017-03-14

 

VisualStudio,網頁,插入圖片

1、打開Visual Studio軟件,創建一個網站頁面,本例為Default.aspx。

VisualStudio,網頁,插入圖片

2、找到body和div標簽,如下圖所示。

VisualStudio,網頁,插入圖片

3、找到頁面布局代碼的最里面的一個div,如下圖所示。

VisualStudio,網頁,插入圖片

4、首先,設置輸入圖片的寬和高。

VisualStudio,網頁,插入圖片

5、width表示圖片的寬,本例設置為280像素,height表示圖片的高,本例為160像素。

VisualStudio,網頁,插入圖片

6、接著,在網頁中插入所需的圖片,如下圖所示。

VisualStudio,網頁,插入圖片

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

VisualStudio,網頁,插入圖片

8、margin-left表示圖片離網頁左側的距離,本例中將距離值設置為300像素。

VisualStudio,網頁,插入圖片

9、在網頁上右擊,選擇在瀏覽器中查看選項。

VisualStudio,網頁,插入圖片

10、網頁在瀏覽器中打開后,插入的圖片在設置好的位置上顯示了。

VisualStudio,網頁,插入圖片

以上就是VisualStudio設置網頁固定位置插入圖片的教程,希望大家喜歡,請繼續關注VEVB武林網。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 定州市| 绍兴县| 灵寿县| 农安县| 香格里拉县| 禹城市| 天台县| 额济纳旗| 甘德县| 长乐市| 新和县| 平阳县| 新郑市| 山西省| 瓦房店市| 保亭| 凌云县| 屏南县| 黔东| 无为县| 青铜峡市| 阳朔县| 乳山市| 同仁县| 沛县| 确山县| 吴旗县| 库尔勒市| 三原县| 白银市| 阿拉尔市| 长沙县| 增城市| 湖北省| 蒲城县| 伊金霍洛旗| 鸡泽县| 台州市| 鄂伦春自治旗| 广元市| 吉隆县|