2020-11-24

最新推荐文章于 2024-09-09 22:16:15 发布

Air-111

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量70

点赞数

本文链接：https://blog.csdn.net/weixin_52873598/article/details/110088050

版权

html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.a{
				position: relative;
				width: 410px;
				height: 600px;
				background-color: white;
				box-shadow: 1px 1px 8px lightgray;
				margin: auto;
			}
			.b{
				width: 340px;
				height: 390px;
				background-color: rgb(28,177,156);
				position: absolute;
				top: 30px;
				left: 35px;
				
			}
			.b1{
				margin-top: 40px;
				margin-left: 40px;
				width: 270px;
				font-size: 15px;
				color: white;
			}
			.c{
				position: absolute;
				width: 340px;
				height: 150px;
				top: 420px;
				left: 35px;
				box-shadow: -5px 0 3px #f4f4f4,5px 0 3px #f4f4f4;
				text-align: center;
			}
			.c1{
				margin-top: 70px;
				color: rgb(45,45,45);
			}
			.c2{
				font-size: 10px;
				line-height: 50px;
				color: gray;
			}
			img{
				width: 100px;
				border-radius: 50px;
				
			}
			.d{
				position: absolute;
				top: 370px;
				left: 160px;
			}
		</style>
	</head>
	<body>
		<div class="a">
			<div class="b">
				<div class="b1">
					特聘医师，宠物医院特聘医师；从业宠物行业20年，接诊病例万余例；专业理论知识扎实，多次参加业内专业技术培训及各类兽医师大会。
				</div>
				
			</div>
			<div class="c">
				<div class="c1">
					周尔
				</div>
				<div class="c2">
					特聘医师，宠物医院特聘医师；从业宠物行业20年，接...
				</div>
			</div>
			<div class="d">
				<img src="timg.jpg" >
			</div>
		</div>
	</body>
</html>

Air-111

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-11-24

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .a{ position: relative; width: 410px; height: 600px; background-color: white; box-shadow:
复制链接

扫一扫