|
网页制作实例CSS用一张图片实现圆角(5) 这一步和第三步很相似，这里就不会在犯错误了，根据实际情况只能选用第一种方法．
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;
}
完整的代码：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] 最终效果图
| 
