Html 上缘

我想制作一个

div

，它有

边距顶部：-110px

，但我想在它上面添加一个

右边框

，从

div

的顶部开始，但没有

边距顶部：-110px

属性

---

我知道我可以使用两个或更多的

div

，但只需要使用1个即可。这可以通过CSS实现，还是我需要使用JavaScript？

您可以使用CSS伪元素实现这一点：

div {
    width: 100px;
    height: 200px;

    border-top: 100px solid red;

    position:relative;    
    background-color: gray;
}

div:after {
    display: block;
    position:absolute;

    content:" ";

    width: 0;
    height: 100%;

    border-right: 3px solid lime;
    top: 0;
    right:-3px;
}

---

这需要两个div。不幸的是，仅使用CSS是不可能的。你需要使用两个div。在Javascript中，您可以通过编程方式在顶部绘制另一个清晰的带边框的div，但同样，它仍然使用两个div。。。我从来都不擅长这些。