如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
html5飞机大战射击
html5飞机大战射击
工具/原料
- adobe dreamweaver
方法/步骤
新建html文档。
书写hmtl代码。
table cellpadding="0" border="0" cellspacing="0" frame="void">
tr>
td valign="top">
canvas align="left" id="theCanvas" width="600" height="400">
H2 align="center">
Firefox, Opera, Chrome or other HTML5 compliant browser required.
br>
/H2>
H3>
p align="center">
This site requires a modern browser for graphics and sound effects.
br>br>
A compliant browser can be downloaded from any of the following sites:
br>
a href="#">Firefox/a>
br>
a href="#">Oper/a>br>
a href="#">Che/a>
/H3>
/canvas>
/td>
tr>
table>
书写css代码。
style type="text/css">
canvas { border: 1px solid black; }
#dbg {
font-family: "Helvetica", cursive, sans-serif;
border: 1px solid black;
width: 600;
}
body {
background:#000;
color:white;
font-family: Arial,Helvetica,Sans-serif;
}
a {
color: #009de9;
outline: none;
}
a:hover {
text-decoration: none;
}
/style>
书写并添加js代码。
script src="js/Powerup.js"> /script>
script src="js/Shot.js"> /script>
script src="js/EnemyShot.js"> /script>
script src="js/Ship.js"> /script>
代码整体结构。
查看效果。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 434 HTML