怎样在网页中显示已登录用户的头像

【怎样在网页中显示已登录用户的头像】一个网站往往有良多用户 , 在网页中要显示已登录用户的头像 , 若何用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浏览网页 , 已登录用户的头像 , 当作功显示在页面中了 。

怎样在网页中显示已登录用户的头像

文章插图


以上内容就是怎样在网页中显示已登录用户的头像的内容啦 , 希望对你有所帮助哦!

    推荐阅读