网易极客战记官方攻略_网页开发1_通缉令
发布于 2020年3月24日
关卡概览和解法
用 HTML 和 CSS 设计一个通缉令。
简介
修改 <img> 的属性、文字、样式，自定义一幅对 CodeCombat 无恶不作，为非作歹的罪犯的通缉令。
默认代码
<style>
h1 {
color: red;
}
h1 {
font-size: 7em;
}
h2 {
/* Change the number to change the size of the header text. */
font-size: 3em;
}
h3 {
font-size: 1.5em;
}
li {
font-size:1.5em;
}
</style>
<h1>Wanted</h1>
<!-- Find an image from the Image Gallery above, or use your own image link -->
<img src="/file/db/thang.type/53ed1d9c2b65b0e32b9c96a9/portrait.png">
<!-- Who is wanted? -->
<h2>Who?</h2>
<!-- What are they wanted for? -->
<h3>For Reckless, Inhuman Crimes:</h3>
<ul>
<li>Crime 1</li>
<li>Crime 2</li>
</ul>
<!-- What is the reward? -->
<h2>Reward: What?</h2>
<!-- Who are their partners in crime? -->
<h3>Known Accomplices</h3>
<div>
<div>
<img src="/file/db/thang.type/53ed1d9c2b65b0e32b9c96a9/portrait.png">
<h3>Who?</h3>
</div>
<div>
<img src="/file/db/thang.type/53ed1d9c2b65b0e32b9c96a9/portrait.png">
<h3>Who?</h3>
</div>
<!-- Add a third accomplice here. Choose whether they are class "captured". -->
</div>
<!-- How do want them captured? -->
<h2>Capture Alive Only</h2>
概览
这是个开放性的项目！尝试完成目标，向你的家人和朋友炫耀你的成果。
如果你觉得这不合常理，那你真正懂得网页开发的意义！
通缉令 解法
<style>
h1 {
color: red;
}
h1 {
font-size: 7em;
}
h2 {
/* Change the number to change the size of the header text. */
font-size: 3em;
}
h3 {
font-size: 1.5em;
}
li {
font-size:1.5em;
}
</style>
<h1>Wanted</h1>
<!-- Find an image from the Image Gallery above, or use your own image link. ·-->
<img src="https://www.codecombat.com/file/db/thang.type/54eb540b49fa2d5c905ddf1a/portrait.png" id="most
-wanted">
<!-- Who is wanted? ·-->
<h2>Bomb Bill</h2>
<!-- What are they wanted for? ·-->
<h3>For Reckless, Inhuman Crimes:</h3>
<ul>
<li>Exploding</li>
<li>Rolling</li>
<li>Priming</li>
<li>Smoldering</li>
</ul>
<!-- What is the reward? ·-->
<h2>Reward: Some Gold</h2>
<!-- Who are their partners in crime? ·-->
<h3>Known Accomplices</h3>
<div>
<div>
<img src="https://www.codecombat.com/file/db/thang.type/5432f9d18364d30000d1f943/portrait.png">
<h3>Chest o' Gems</h3>
</div>
<div>
<img src="https://www.codecombat.com/file/db/thang.type/53024c7b27471514685d5397/portrait.png">
<h3>The Hand</h3>
</div>
<!-- Add a third accomplice here. Choose whether they are class "captured". -->
<div>
<img src="http://direct.codecombat.com/file/db/thang.type/52e95a5022efc8e709001743/portrait.png"
>
<h3>cow</h3>
</div>
</div>
<!-- How do want them captured? ·-->
<h2>Capture Alive Only</h2>
