如何利用Vue.js庫中的v-bind綁定樣式屬性？利用率虛擬用戶.js第一步是創(chuàng)建一個(gè)靜態(tài)頁面vbind.html文件并介紹虛擬用戶.js第二步，在主體中插入div-tag元素，在div中插入img

如何利用Vue.js庫中的v-bind綁定樣式屬性？

利用率虛擬用戶.js第一步是創(chuàng)建一個(gè)靜態(tài)頁面vbind.html文件并介紹虛擬用戶.js第二步，在主體中插入div-tag元素，在div中插入img元素，img的SRC屬性由v-bind綁定。在第三步中虛擬用戶.js代碼綁定SRC屬性，默認(rèn)是第四步的項(xiàng)目圖片，由于圖片比較小，在第五步添加padding屬性，預(yù)覽靜態(tài)頁面，然后在頁面上顯示一個(gè)小圖片。第六步，打開瀏覽器下的調(diào)試工具，在div中可以看到img的SRC屬性值

代碼是“<img SCR=”picture address“>”。

1. 創(chuàng)建一個(gè)新的HTML文件并在body標(biāo)簽中添加img標(biāo)簽。Img標(biāo)記在HTML中沒有結(jié)束標(biāo)記，因此不需要添加“</Img>”代碼。將屬性“SRC”添加到IMG標(biāo)記中，并填寫要添加的圖像的地址。這里，以同一目錄下的1.png為例，這樣就可以添加圖像了：

2。為了防止用戶在瀏覽網(wǎng)頁時(shí)不知道這里有什么內(nèi)容而加載圖像，可以在IMG標(biāo)簽中添加屬性“ALT”，并用屬性值填充要顯示的內(nèi)容，以“parrot”為例，此時(shí)圖像加載失敗，單詞“鸚鵡”將顯示：

3。img插入的圖像大小默認(rèn)為圖像本身的大小。我們可以使用“寬度”屬性和“高度”屬性來控制圖像大小。這里以width 200和height 200為例，代碼為“width=”200“height=”200”，因此圖像大小為200*200：

怎么在html內(nèi)添加圖片？

您可以使用img tag向div tag添加圖像。

1. 創(chuàng)建一個(gè)新的HTML文檔，然后在body標(biāo)記中添加一個(gè)div標(biāo)記。此時(shí)，div標(biāo)記中沒有任何內(nèi)容，因此網(wǎng)頁中將不會(huì)顯示任何內(nèi)容：

2。在div標(biāo)簽中添加一個(gè)img標(biāo)簽，并在img標(biāo)簽中添加“SRC”屬性。屬性值是圖片的地址。然后您剛才添加的圖片將顯示在網(wǎng)頁中：

3。因?yàn)椴迦雸D片的寬度和高度是圖片從正文寬度和高度的默認(rèn)值，所以需要使用CSS來控制圖片的寬度和高度。將樣式標(biāo)記添加到head標(biāo)記和body標(biāo)記，然后選擇IMG標(biāo)記以設(shè)置圖像標(biāo)記的寬度和高度。此時(shí)，圖像的寬度和高度將成為我們?cè)O(shè)置的寬度和高度