怎樣在網頁中顯示已登錄用戶的頭像

【怎樣在網頁中顯示已登錄用戶的頭像】一個網站往往有良多用戶 , 在網頁中要顯示已登錄用戶的頭像 , 若何用Visual Studio在網頁中實現顯示已登錄用戶的頭像呢?筆者與大師分享一下操作經驗 。

怎樣在網頁中顯示已登錄用戶的頭像



需要這些哦
Visual Studio 2015
方式/
1起首 , 用div標簽界說顯示頭像的總體框架 。

怎樣在網頁中顯示已登錄用戶的頭像



2對象以網頁左側為基準浮動 , 離左側的襯距為20像素 , 離頂部的間距為8像素 。

怎樣在網頁中顯示已登錄用戶的頭像



3顯示頭像的對象標識符 , 界說為ImageUse 。

怎樣在網頁中顯示已登錄用戶的頭像



4接著 , 用div標簽界說具體顯示的頭像 。

怎樣在網頁中顯示已登錄用戶的頭像



5頭像的位置類型為相對位置 , 用position屬性實現節制 。

怎樣在網頁中顯示已登錄用戶的頭像



6放置頭像的空間 , 寬度和高度都為60像素 。

怎樣在網頁中顯示已登錄用戶的頭像



7接著 , 用img標簽插入頭像 , 頭像的寬度和高度都為50像素 。

怎樣在網頁中顯示已登錄用戶的頭像



8頭像的位置類型 , 設置為絕對類型 。

怎樣在網頁中顯示已登錄用戶的頭像



9圖像的標識符 , 界說為imaging 。

怎樣在網頁中顯示已登錄用戶的頭像



10用src屬性界說頭像的位置 , 圖像保留在images文件夾中 。

怎樣在網頁中顯示已登錄用戶的頭像



11最后 , 單擊頭像執行EntryUser函數 , 實現網頁的跳轉 , 用onclick屬性實現操作 。

怎樣在網頁中顯示已登錄用戶的頭像



12瀏覽網頁 , 已登錄用戶的頭像 , 當作功顯示在頁面中了 。

怎樣在網頁中顯示已登錄用戶的頭像




以上內容就是怎樣在網頁中顯示已登錄用戶的頭像的內容啦 , 希望對你有所幫助哦!

    猜你喜歡