html绘制矩形

html绘制矩形

If, for whatever reason, you sometimes feel like creating a rectangle using html/css, the below code is the easiest way to do so. A given rectangle can also be decorated using tags like background-color.

如果出于某种原因，有时您想使用html / css创建矩形，则以下代码是最简单的方法。 给定的矩形也可以使用诸如background-color标签来装饰。

Here’s the code:

这是代码：

<div style="width:500px;height:100px;border:1px solid #000;">This is a rectangle!</div>

And here’s the result:

结果如下：

This is a rectangle! 这是一个矩形！

There you go: no fuss, no muss.

你去了：没有大惊小怪，没有糊涂。

翻译自: https://www.sitepoint.com/draw-rectangle-html/

html绘制矩形

相关资源：HTML5 在canvas中绘制矩形附效果图