CSS&；HTML方形背景

有谁能指导我，我如何在CSS中创建一个“几乎”正方形的背景

我想得到棕色的背景，并有它的错误项目符号文本，以及如何创建在CSS右上角的黄色虚线

我的工作进展如下：

HTML:

你的设计真的很差。您不必将所有div嵌套在另一个div中。我稍微更改了html（只是重新排列了div，并添加了两个新div

leftDiv

和

rightDiv

） HTML:

---

border radius CSS属性可以帮助您获得圆角，特别是对于包含所有其他内容的pink元素，类似这样的东西应该可以起到作用

div {
    /* border-radius: Top-Left , Top-Right, Bottom-Right, Bottom-Left */
    border-radius: 20px 5px 20px 5px;
}

我个人会把它分成几个分区，一个头球和一个身体。将带有颜色的背景黄点放在顶部div上，并将边框半径应用于顶部

然后将内容放置在正文中的其他div中，并为每个案例应用这些边框样式

然而，这只是一种方法，我相信还有很多其他方法

试试这个

     border-bottom-right-radius:20px;

---

边界半径是您想要查看的：

在您的情况下，它会是这样的：

border-radius: 100px 0 100px 0; /*top-left top-right bottom-right bottom-left */

---

尝试边界半径属性

示例1

Div{边界半径：10px；}

示例2

Div{边界半径：10px 15px；}

欲了解更多信息，请访问：-

怎么办？您可以创建一个带有div:P的“伪”hr标记

//IN HTML

<div id="CUSTOM_HR_WITH_TEXT">SAMPLE TEXT // Custom "hr" tag with text.</div>

//AND IN CSS

#CUSTOM_HR_WITH_TEXT {
border-radius: 10px 10px 10px 10px;
border: 0;
height: auto;
width: auto;
background-color: #993300;
color: #fff;
text-align: center;
}

//在HTML中
示例文本//带有文本的自定义“hr”标记。
//和CSS
#带有文本的自定义\u HR\u{
边界半径：10px 10px 10px 10px；
边界：0；
高度：自动；
宽度：自动；
背景色：#993300；
颜色：#fff；
文本对齐：居中；
}

@phpNoOb，对我来说似乎是个好问题。有代码显示了已经尝试过的内容和所有内容。@Brad你能建议我如何在CSS中获得它吗？谢谢你的输入，我会尝试编辑和整理它们-你能告诉我如何在CSS中创建错误符号吗？在这个链接中：@tagalo你是指两个箭头吗？我指的是两个箭头（不是我的错）-红色箭头（后退和下一个）@tagalo你必须使用图像。你有图像吗？@tagalo我用后退按钮的图像更新了我的JSFIDLE。看起来你对html/css非常陌生。拿起一本好书，学习更多的html/css。

div {
    /* border-radius: Top-Left , Top-Right, Bottom-Right, Bottom-Left */
    border-radius: 20px 5px 20px 5px;
}

     border-bottom-right-radius:20px;

border-radius: 100px 0 100px 0; /*top-left top-right bottom-right bottom-left */

//IN HTML

<div id="CUSTOM_HR_WITH_TEXT">SAMPLE TEXT // Custom "hr" tag with text.</div>

//AND IN CSS

#CUSTOM_HR_WITH_TEXT {
border-radius: 10px 10px 10px 10px;
border: 0;
height: auto;
width: auto;
background-color: #993300;
color: #fff;
text-align: center;
}