Html 如何在css中创建形状？

我想在css中创建一个如下形状

在上面的形状中，如何在css中创建？

给你：

HTML:

---

试试看。我建议使用边框半径和方框阴影。border-radius属性不接受css2.1先在Internet上尝试搜索，然后发布问题。搜索：CSS圆角矩形阴影。如果您有问题，请回到这里并发布代码。只需在css 2.1中显示一个正方形。没人在乎。这里有一些引人注目的CSS形状-谢谢。但是shadow不会来了你用的是什么浏览器？只有chrome。。但在我的css中，边界半径属性并没有使用。它显示的错误行

边框半径不是css属性名

您必须使用较旧版本的Chrome。您可以包括

-webkit边框半径：10px和
-moz边界半径：10px以解决现代浏览器的旧版本。当然，如果你想担心每个浏览器，你可以。但是生命是短暂的。。。看见
<div class="box"></div>

.box {
   background    : white;
   border        : 1px solid #555;
   border-radius : 10px;
   height        : 125px;
   margin        : 20px;
   width         : 255px;
}
.box:before {
  background    : grey;
  border-radius : 10px;
  content       : ' ';
  display       : block;
  height        : 125px;
  left          : -10px;
  margin        : 20px 0;
  position      : relative;
  top           : -30px;
  width         : 255px;
  z-index       : -1;
}