html写卡片

最新推荐文章于 2024-08-05 20:28:44 发布

灰头兔脸

最新推荐文章于 2024-08-05 20:28:44 发布

阅读量2.6k

点赞数 2

分类专栏：学习记录

本文链接：https://blog.csdn.net/whoops_butterfly/article/details/70233389

版权

学习记录专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title></title>
</head>
<style type="text/css">
	#card{
           
           border: 8px outset black;
           width: 355px;
           height: 480px;
		   background-image: url(../图片/芈月.png);
		   margin: 0px auto;
		   padding: 1px 1px;
	}
	#container{
		     height: 180px;
		     width: 320px;
		     background: black;
		     opacity:0.5; 
		     position: relative;
		     top: 280px;
		     left: 15px;
		     border: 1px solid orange;
		     color: white;
	}

</style>
<body>
<div id="card">
	<div id="container">
		<ul>
			<li>痛苦冲击：芈月向前释放出痛苦冲击波，对命中的敌人造成法术伤害与减速</li>
            		<li>渴望止血：释放血之仆从为自己采集鲜血，对敌人造成法术伤害</li>
            		<li>欲望之月：芈月遁入黑暗能量，对范围内的敌人造成法术伤害，增加自身移动速度并免疫所有效果持续2秒</li>
		</ul>
	</div>
</div>
</body>
</html>