案例：

图片资源：

参考代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		*{
			margin: 0;
			padding: 0;
			color: #999;
			font-size:13px;
		}
		font{
			font-size: 20px;
			font-weight: bold;
			
		}
		dl{ 
			margin: 50px auto;
			width:200px;
			height: 280px;
			border:10px solid #f1e9e9;
		}
		dt{
			margin-top:10px;
		}
		dd{
			margin-left: 20px;
			margin-top:4px;
		}
		
	</style>
	
</head>

<body>
	<dl>
		<dt><img src="../../img.png" width="200" height="162" alt=""/></dt>
		<dd><font>李刚</font>&nbsp;广告公司</dd>
		<dd>职位：网页设计师</dd>
		<dd>案例：41个</dd>
		<dd>经验：4年</dd>
	</dl>
</body>
</html>

更多推荐

HTML网页设计基础——二维码名片