用css帮我画一个长方形,顶边是圆弧的

可以使用CSS的border-radius属性来画一个顶部是圆弧的长方形，如下所示：

<div class="rectangle"></div>

.rectangle {
  width: 200px;
  height: 100px;
  background-color: #ccc;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

这里的`border-top-left-radius`和`border-top-right-radius`属性设置为50px，可以根据需求进行调整。

相关问题

用css帮我画一个长方形,顶边圆弧向上的

可以使用 CSS 的 `border-radius` 属性来绘制一个顶边圆弧向上的长方形。下面是一个示例代码：

<div class="rectangle"></div>

.rectangle {
  width: 200px; /* 长方形的宽度 */
  height: 100px; /* 长方形的高度 */
  border: 1px solid black; /* 边框样式 */
  border-radius: 0 0 50px 50px; /* 圆弧半径 */
}

在上面的代码中，`border-radius` 属性设置了四个值，分别对应左上角、右上角、右下角和左下角的圆弧半径。由于我们只需要顶边圆弧向上，所以只需要将左下角和右下角的半径设置为大于零的值即可。在这里，我们将它们都设置为 50px。

你可以根据需要调整长方形的宽度、高度和圆弧半径来得到自己想要的效果。

用css画出一个长方形右边多一个三角形

可以使用CSS的伪元素来实现这个效果。以下是一个简单的代码示例：

<div class="box"></div>

.box {
  width: 100px;
  height: 50px;
  position: relative;
  background-color: #ccc;
}

.box::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px; /* 三角形宽度为15px */
  width: 0;
  height: 0;
  border-top: 25px solid transparent; /* 三角形高度为50px */
  border-left: 15px solid #ccc; /* 三角形宽度为15px，颜色与长方形一致 */
}

在这个示例中，我们使用了一个带有背景颜色的 `div` 元素来表示长方形。然后，我们使用 `::after` 伪元素来创建一个三角形，并将其定位到长方形的右侧。通过设置 `border-top` 和 `border-left` 属性，我们可以定义三角形的高度、宽度和颜色。