|
网页制作实例CSS用一张图片实现圆角(3) </DIV>
</DIV>
</BODY>
</HTML>
第三步
经过以上的两步我们已经做了出两个角了，在接着做第三个角，定义在H2中也就是左上角．为了美观一些，我们在H2中加入补白10PX,
CSS代码
{
padding:0;
margin:0;
}
.cssbox,.cssbox_head,.cssbox_head h2{
background: transparent url(http://www.webjx.com/upfiles/20070630/20070630213028_01.png) no-repeat;
}
.cssbox{
background-position:bottom right;
width:380px;
margin:20px auto;
}
.cssbox_head{
background-position:top right;
}
.cssbox_head h2{
background-position:top left;
margin:0;
padding:10px;
}
执行代码：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
疑点：奇怪了，为什么实际上并不是我们想要的效果？我们在看一下问题出在哪，应该是我们定义的第三个角的背景图盖住了右上cssbox_head中的角，解决的方法有两种：
| 
