如何在HTML中实现这一点

Question

我想用HTML实现这个布局，但是我确定如何做圆形元素和“edge / corner ”（红色）。你会怎么做？

Answer 1

您可以使用border-radius属性。

.round
{
    border-radius:50%;
    background-color:red;
    width:50px;
    height:50px;
}

Js Fiddle Demo

Answer 2

要执行此操作，您可以使用css创建该三角形，或者您必须使用图像并将其与div垂直对齐。对于圆角，您可以使用border-radius

在css中创建三角形：

http://css-tricks.com/snippets/css/css-triangle/