幫我看看為什么顯示不出來那個(gè)效果？
按照老師的步驟來寫的代碼，但是我只能實(shí)現(xiàn)四個(gè)角的上面的左邊和右邊的角變成圓角，但是不能將下面的左邊和右邊的角變成圓角，這個(gè)是為什么？部分代碼：
.l_top_radius{
background:url(../images/l_top_radius.gif) no-repeat;
width:4px;
height:3px;
position:absolute;
left:0;
top:0;}
.r_top_radius{
background:url(../images/r_top_radius.gif) no-repeat;
width:4px;
height:3px;
position:absolute;
top:0;
right:0;}
.l_btm_radius{
background:url(../images/l_btm_radius.gif) no-repeat;
width:4px;
width:3px;
position:absolute;
bottom:0;
left:0;}
.r_btm_radius{
background:url(../images/r_btm_radius.gif) no-repeat;
width:0;
height:0;
position:absolute;
bottom:0;
right:0;}
2015-09-07
你的代碼寫錯(cuò)了，我用chrome的開發(fā)者工具給你指出來了，詳細(xì)看圖片。
另附正確代碼如下：
.l_top_radius{ ??background:url(l_top_radius.gif)?no-repeat; ??width:4px; ??height:3px; ??position:absolute; ??left:0; ??top:0; } .r_top_radius{ ??background:url(r_top_radius.gif)?no-repeat; ??width:4px; ??height:3px; ??position:absolute; ??top:0; ??right:0; } .l_btm_radius{ ??background:url(l_btm_radius.gif)?no-repeat; ??width:4px; ??height:3px;??/*-----*/ ??position:absolute; ??bottom:0; ??left:0; } .r_btm_radius{ ??background:url(r_btm_radius.gif)?no-repeat; ??width:4px;???/*-----*/ ??height:3px;??/*-----*/ ??position:absolute; ??bottom:0; ??right:0; }