A. html中设置圆形头像这里的css分别表示了什么 <html> <head> <title>圆形头像

.imgtest{margin:10px 5px; 边界值：上下为10 左右为5
overflow:hidden;} 溢出元素隐藏
.list_ul figcaption p{
font-size:12px; 字号12像素
color:#aaa; 字体颜色#aaa
}
.imgtest figure div{
display:inline-block; 元素设置为内联块级元素
margin:5px auto; 边界上下5像素 左右自动（居中）
width:100px; 宽度100
height:100px; 高度100
border-radius:100px; 圆角100（同时设置四个角）
border:2px solid #fff; 边框2像素 实线 颜色#fff
overflow:hidden; 溢出元素隐藏
-webkit-box-shadow:0 0 3px #ccc; 盒子投影 解决浏览器兼容
box-shadow:0 0 3px #ccc; 盒子投影 x轴偏移0 Y轴偏移0 模糊3像素 颜色#ccc
}
.imgtest img{width:100%; 宽度百分之百
min-height:100%; 最小高度百分之百
text-align:center; 文本水平居中
}

B. 怎么用HTML5实现个人头像的修改

这个我还真的不是很清楚呢，但是个人头像的修改一般来说不需要用HTML5来修改吧，普通的JPG格式的图片也是可以的啊

C. HTML5如何在文本框插入QQ头像小图标

你可以在文本框前加一个<i>来插入小图标。你可以更改边框样式来显得他们像在同一个框里
想在文本框里插入不好实现并且不美观

D. html怎么把头像设置成原先还能有层弹出 如图

这个很简单，用圆角就可以啦，我帮你写出来吧，看代码:

<html>
<head>

<styletype="text/css">

div.icon
{
width:200px;
height:200px;
display:block;
position:relative;
float:left;
padding:0px;
margin:10px;
background:#e9e7e0;
}

div.icon_head
{
width:150px;
height:150px;
display:block;
position:relative;
float:left;
padding:0px;
margin:25px;
background:#bde9df;
border-radius:75px;
-webkit-border-radius:75px;
-moz-border-radius:75px;
-o-border-radius:75px;
-webkit-background-clip:padding;
overflow:hidden;
}

a.trans_name
{
width:150px;
height:150px;
display:block;
position:absolute;
left:0px;
bottom:0px;
padding:0px;
margin:0px;
z-index:1;
filter:Alpha(Opacity=0);
opacity:0;
}

span.icon_translucent
{
width:150px;
height:60px;
display:block;
position:absolute;
left:0px;
bottom:0px;
padding:0px;
margin:0px;
background:#000000;
z-index:2;
filter:Alpha(Opacity=50);
opacity:0.5;
}

span.icon_name
{
width:150px;
height:60px;
display:block;
position:absolute;
left:0px;
bottom:0px;
padding:0px;
margin:0px;
color:#ffffff;
font-size:16px;
text-align:center;
line-height:40px;
z-index:3;
}

a.trans_name:hover
{
filter:Alpha(Opacity=100);
opacity:1;
}


</style>

</head>

<body>

<divclass="icon">
<divclass="icon_head">
<imgsrc="http://t3.qpic.cn/mblogpic/33b2836395e33a0a1dc8/160"width="150"height="150"/>
<aclass="trans_name">
<spanclass="icon_translucent"></span>
<spanclass="icon_name">隔城府窥红颜</span>
</a>
</div>
</div>

</body>
</html>

记得点赞，纯手写的，谢谢！！！！

E. html页面如何使头像呈圆显示

<html>
<head>
<title>圆形头像的制作</title>

<styletype="text/css">
.imgtest{margin:10px5px;
overflow:hidden;}
.list_ulfigcaptionp{
font-size:12px;
color:#aaa;
}
.imgtestfigurediv{
display:inline-block;
margin:5pxauto;
width:100px;
height:100px;
border-radius:100px;
border:2pxsolid#fff;
overflow:hidden;
-webkit-box-shadow:003px#ccc;
box-shadow:003px#ccc;
}
.imgtestimg{width:100%;
min-height:100%;text-align:center;}
</style>
</head>
<body>

<divclass="imgtest">

<figure>

<div>
<imgsrc="head.jpg"/>
</div>
</figure>
</div>

</body>
</html>

F. html 如何加载用户头像

加载用户头像

  1. 要么是背景图片background:url()

  2. 要么是<img src="">

没有其他情况了，剩下的就是后台操作，传值过来

G. html怎么让头像居中

图片旁边不是还有文字吗，文字你准备放哪个位置，单独一张图片一行就margin: 0 auto；你要加文字，看你怎么排版的

H. 前边头像 后边是文字 HTML怎么写

这个挺简单的啊，要分析问题嘛，首先：

图片是圆的（当然设计师一般是不会给不一个圆的图片，并且后台上传的也是无法确定上传的就是圆的）所以使用一个盒子装起来，把盒子设置为圆的，然后后边是文字

主要是使用浮动来设置，就是头像用一个盒子，右边的内容用一个盒子，然后用float:left；把这两个盒子都浮动起来,父级要清除浮动

代码：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>007</title>

<style type="text/css">

html,body{

margin:0;

}

.fl{

float:left;

}

.ovf{

overflow: hidden;

}

.auto-img{

display: block;

width:100%;

}

.box{

width:100%;

}

.box>div{

margin-left: 50px;

margin-top: 50px;

}

.box-tx{

width:50px;

height:50px;

border-radius: 50%;

background-color: #f00;

}

.box-texts{

}

</style>

</head>

<body>

<div class="box ovf">

<div class="fl box-tx">

<!-- <img class="auto-img" src="图片路径"> -->

</div>

<div class="fl box-texts">

<div>

推荐码：sss55;

</div>

<div>姓名：喵喵咪</div>

</div>

</div>

</body>

</html>

I. 在html中，要想写一个上传本地头像的源代码，怎么写

我有现成的