<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
}
.div1 {
width: 680px;
height: 260px;
padding: 20px;
border: 5px dotted tan;
background: url(./images/bg2.jpg) no-repeat right top,url(./images/bg1.jpg) no-repeat left bottom;
background-color: #f9f4ee;
}
div:nth-child(1) {
background-origin: padding-box;
/* 背景定位 */
}
h1 {
color: #ab7400;
float: left;
border-right: 1px solid #ab7400;
padding-right: 20px;
/* 向左移动 */
}
ul {
height: 50px;
margin-left: 150px;
line-height: 26px;
}
p {
font-size: 12px;
line-height: 25px;
margin-top: 24px;
/* 间距 */
color: #7c7972;
margin-bottom: 32px;
/* 位置 */
}
.div5{
overflow: hidden;
/* 清浮动 */
}
.div5 a{
float: right;
text-decoration: none;
width: 78px;
height: 31px;
background-color: #aa7600;
text-align: center;
line-height: 31px;
/* 字体居中 */
font-size: 12px;
/* 字体 */
color: #fff;
}
</style>
<body>
<div class="div1">
<h1> 张龙生</h1>
<ul>
<li>
所在科室: 脑病科
</li>
<li>
职位: 主任医师、教授
</li>
</ul>
<p>简介:
张龙生,男,主任医师,毕业于北京中医药大学中医专业。现任北京中医药大学东直门医院东区脑病科大主任。
第三批国家中医优秀临床人才,师从国家级名老中医薛伯寿教授、张炳厚教授、刘景源教授、郝万山教授名老
中医薛伯寿教授、张炳厚教授、刘景源教授、郝万山教授...
</p>
<div class="div5"><a href="#">了解详情</a></div>
</div>
</body>
</html>