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

 时间:2024-10-04 11:21:44

一稍僚敉视个网站往往有很多用户,在网页中要显示已登录用户的头像,如何用VisualStudio在网页中实现显示已登录用户的头像呢?笔者与大家分享一下操作经验。

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

工具/原料

VisualStudio2015

方法/步骤

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、浏览网页,已登录用户的头像,成功显示在页面中了。

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

如何在vmware虚拟机安装RedHat红帽5Linux系统 word如何让字体变斜体 大学毕业设计点滴(八):中期答辩 在TIA Portal V15.1里新建HMI画面 Altium Designer怎么关闭表格条目
热门搜索
火的图片 少女组合 苹果4图片 奶癣图片 简笔画图片大全花草类