HTML元素为方形

时间:2017-08-06 12:18:43

标签: javascript jquery html css twitter-bootstrap

我的任务是编写一个游戏,其中的字段包含随机字段位置中的方块。点击方块之后,它应该" die"(然后产生0-2个新方块)并且玩家提升他的分数。我的框架是Bootstrap。 主要的事情 - 不使用Canvas(正方形应该是简单的HTML元素) 我可以使用什么HTML元素作为方形元素? 也许它是简单的表格,其中单元格是正方形

2 个答案:

答案 0 :(得分:0)

只需使用<div>并使用CSS设置样式。例如,

div.square
{
  height: 50px;
  width: 50px;
  border: 1px solid black;
  position: absolute;
}

对于所有其他东西,如死亡和重生,使用JavaScript。您可以通过将lefttop CSS属性动态设置为随机值来定位它。

答案 1 :(得分:0)

试试这个:

&#13;
&#13;
.square {
		  border: 1px solid red;
		  height: 100px;
		  width: 100px;
		  margin:0 auto;
		}
&#13;
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
	<div class="square"></div>
</body>
</html>
&#13;
&#13;
&#13;