html - 如何在 HTML 或 CSS 中绘制矩形？

Question

我想画一个矩形，我找到了 CSS 代码的网站 ( http://css-tricks.com/examples/ShapesOfCSS/ )。我如何将它们放在 HTML 中？换句话说，我如何在 HTML 中定义#rectangle。

Facebook 总是在每个页面的顶部都有一个蓝色矩形。像他们一样取得成就的最佳方式是什么？

如果有人能帮助我，我将不胜感激。

Answer 1

Fiddle

HTML

<div id="rectangle"></div>

CSS

#rectangle{
    width:200px;
    height:100px;
    background:blue;
}

我强烈建议您阅读 CSS selectors和 the basics of HTML .