css画2个矩形

CSS是一种用于创建网页样式的标记语言。在这里，我们将使用CSS来画两个矩形。

首先，我们需要了解在CSS中使用矩形的方法。可以使用矩形元素(矩形框)或使用border属性。

使用矩形元素的方法是：

```css

#rectangle1 {

width: 200px;

height: 200px;

border-radius: 50%;

background-color: #ff0000;

在上面的代码中，我们定义了一个矩形元素，宽度为200px，高度为200px，边框半径为50%，背景颜色为黑色。

接下来，我们可以使用CSS的border属性来绘制另一个矩形。

```css

#rectangle2 {

width: 200px;

height: 200px;

border-radius: 50%;

background-color: #ff0000;

border: 2px solid #008000;

在上面的代码中，我们定义了一个矩形元素，宽度为200px，高度为200px，边框半径为50%，背景颜色为黑色，同时设置了一个内边距和边框宽度，以及一个外边框和边框颜色。内边距和外边框颜色分别为2px，表示一个像素。

通过使用CSS，我们可以轻松地在网页中绘制矩形。以上是使用CSS画两个矩形的简单介绍。如果您想了解更多关于CSS的知识，可以查看百度百科的相关介绍。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！