18720358503
4000-399-004
发表日期:2021-04-06 13:19文章编辑:jianzhan浏览次数: 标签:
这一是非常简单的方式数最多只必须应用2个照片(顶端和底端),而且都不必须加上附加的标识。在这里里,我应用下列2个照片做情况:
HTML:div > h2 This is a heading /h2
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed
vehicula ligula eu diam tincidunt
fermentum. Curabitur facilisis
enim non libero cursus eu varius
enim suscipit. Ut venenatis
vehicula lorem ut hendrerit. Ut
adipiscing augue sed ante volutpat
eget ornare erat facilisis. In hac
habitasse platea dictumst.
/div
.box {
width:200px;
background-color:#EE2E24;
background:url( img/rounded-top.jpg ) no-repeat left bottom;
color:#fff;}
.box h2 {
background:url( img/rounded-top.jpg ) no-repeat left top;
padding: 10px 10px 0 10px;
}
.box p {
padding: 10px;
}
用至少的标识和照片完成了圆弧实际效果(CSS好点的朋友要是一个照片便可以拿下了)。
不足灵便,每一次变更架构的总宽必须升级情况照片。