html - 是否有可能在 css3 中完美地复制它？

Question

div:sidebar-top 位于 http://alex.piechowski.org/school/ ...

CSS:

.sidebar-top {
float: left;
height: 32px;
width: 292px;
background: url(../images/sidebar_top.png) no-repeat;
padding: 4px 15px;
}

请注意，这是一张图片。没有那个图像可能吗？

Answer 1

您可以使用这些规则实现非常相似的效果:

border-top-right-radius: 12px;
border-top-left-radius: 12px;
border: 1px solid #ccc;
width: 290px;
background: -webkit-linear-gradient(top, white 0%,#ddd 100%);
background: linear-gradient(to bottom, white 0%,#ddd 100%);