.green-round-new .head{
position:relative;
background:url("/images/r_m2.gif") repeat-x scroll 0 0 transparent; /*底图*/
clear:both;
height:26px;
line-height:26px;
}
.green-round-new .head .left{
background:url("/images/r_m1.gif") no-repeat scroll 0 0 transparent;/*左边*/
left:0;
padding-left:10px;
line-height:26px;
position:absolute;
}
.green-round-new .head .right{
background:url("/images/r_m3.gif") no-repeat scroll top right transparent;/*右边*/
right:0;
padding-right:10px;
line-height:26px;
height:26px;
position:absolute;
}
效果

本文介绍了一种使用CSS进行网页元素布局的设计方法,包括如何通过不同的背景图片实现绿色圆角头部样式,以及如何设置左右两边的不同样式。
1567

被折叠的 条评论
为什么被折叠?



