如何在javascript中创建一个像小工具一样的小工具

Question

我正在尝试创建要在我的页面上显示的窗口小部件/图块对象。基本上它是一个带背景颜色的矩形框，我想在其中显示一些文字。

具体来说，我想创建像破折号（dashing.io）中的小部件。

我是JS / HTML的新手。

Answer 1

HTML：

<div class=widget>
<h2>Some text</h2>
</div>

CSS：您可以更改值

.widget {
width: 100px;
height: 100px;
background-color: red;
}
h2 {
 margin: auto;
}