思想：先定義一個dl列表，然後在dt區域插入一張背景圖，在dd區域填寫說明文字，再用CSS代碼修改樣式。

超級自信，

天生驕傲，

永遠牛逼。

愛好：音樂、舞蹈。

工作：計算機、編程。

歡迎交朋友，

我是魯得，

我為自己代言。

代碼如下：

 1 <style>
 2     dl {
 3         border: 10px solid #f1e9e9;
 4         padding: 10px;
 5         width: 160px;
 6         height: 400px;
 7     }
 8     dt {
 9         width
 
: 160px;
10         height: 160px;
11         background-image:url(http://wx1.sinaimg.cn/mw690/006L4zGqly1flyqs1irzpj30e80e87fb.jpg);
12         background-size:160px 160px;
13     }
14     dd {
15         color: #999999;
16         line-height: 30px;
17         width: 160px;
18         height: 30px;
19         padding
 
: 0;
20         border: 0;
21         margin: 0;
22     }
23 </style>
24 <dl>
25     <dt></dt>
26     <dd>超級自信，</dd>
27     <dd>天生驕傲，</dd>
28     <dd>永遠牛逼。</dd>
29     <dd>愛好：音樂、舞蹈。</dd>
30     <dd>工作：計算機、編程。</dd>
31
 
     <dd>歡迎交朋友，</dd>
32     <dd>我是魯得，</dd>
33     <dd>我為自己代言。</dd>
34 </dl>

personal card by dl、dt、dd + css