[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]
疑点：奇怪了，为什么实际上并不是我们想要的效果？我们在看一下问题出在哪，应该是我们定义的第三个角的背景图盖住了右上cssbox_head中的角，解决的方法有两种：
第一种：H2可以加一个右边界这样H2的背景就不会在盖住cssbox_head的的那个角了；
第二种：反向思维，cssbox_head中加入一个右补白，这样H2中的背景图也不会盖住cssbox_head中的角；
这里我们选用第二种方法．
background-position:top right;
padding-right:10px;
}
.cssbox_head h2{
background-position:top left;
padding:10px 0 10px 10px;
}
执行代码：
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]
第四步
这一步和第三步很相似，这里就不会在犯错误了，根据实际情况只能选用第一种方法．
css代码
padding:0;
margin:0;
}
.cssbox,.cssbox_head,.cssbox_head h2,.cssbox_body{
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;
padding-right:10px;
}
.cssbox_head h2{
background-position:top left;
padding:10px 0 10px 10px;
}
.cssbox_body{
background-position:bottom left;
margin-right:10px; /* interior-padding right */
padding:0px 0 10px 10px;
}
完整的代码：
文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
