html - 如何对某些 css 形状进行编码？

Question

我正在尝试在 CSS 中制作下面的形状。任何想法如何做到这一点？或者知道可以提供帮助的教程网站？我说的是黄色形状的标签。

还有其次，有谁知道如何使用 css 制作一个正方形/矩形，底部有两个圆边但顶部有直 Angular 的形状？

谢谢!

詹姆斯

Answer 1

要首先回答您的第二个问题，您可以使用border-radius

div{
    border:1px solid black;
    border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    height:100px;
    width:100px;
    margin:2em;
}

-moz 和 -webkit 是特定的供应商前缀。

您可以根据需要更改数字，但它们遵循这种模式

第一个# = 左上角
第二个# = 右上角
第三个# = 右下角
第 4 # = 左下角

示例:http://jsfiddle.net/9VbFn/

关于第一个问题，这里有一个教程可以帮助你

http://debiprasad.net/coding-and-logic/create-a-price-tag-using-css