卡片二【优化】

最新推荐文章于 2024-09-11 08:14:34 发布

灰头兔脸

最新推荐文章于 2024-09-11 08:14:34 发布

阅读量277

点赞数

分类专栏：学习记录

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

版权

学习记录专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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


	}
	#rside{
		  height: 300px;
		  width: 420px;
		  background-color: black;
		  margin: 10px 10px;
		  padding: 20px 5px 10px 5px;
		  text-align: center;
		  border: 1px solid black;

		  border-radius: 12px;
		  box-shadow: 8px 12px 12px gray ;
		  float: left;
	}
	#contain{
		  color: white;

                  font: italic bold 20px "SimHei";
	}
   ul li{
   	     list-style-type: none;
   }
   .skill{
   	     color: orange;
   	     font: normal bold 20px "SimHei";
   }
   
</style>
<body>
	<div id="lside">
		<div id="card_one">
			<ul>
				<li><span class="skill">痛苦冲击:</span>芈月向前释放出痛苦冲击波，对命中的敌人造成法术伤害与减速</li>
            
            	<li><span class="skill">渴望止血:</span>释放血之仆从为自己采集鲜血，对敌人造成法术伤害</li>
           		 <li><span class="skill">欲望之月：</span>芈月遁入黑暗能量，对范围内的敌人造成法术伤害，增加自身移动速度并免疫所有效果持续2秒</li>
			</ul>
		</div>
    </div>
    <div id="rside">
    	 <img src="../图片/view.jpg">
    	 <span id="contain">Flower fragrance</span>
    </div>

</body>
</html>