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中，要想寫一個上傳本地頭像的源代碼，怎麼寫

我有現成的