代码改变世界

css 圆角(1)

2009-06-05 10:47  蜡笔小旧  阅读(179)  评论(0)  编辑  收藏  举报 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Cases</title>
    <style type="text/css">
        .container{ float:left; background:url(rounded-right.gif) right top no-repeat;}
        .desc{ background:url(rounded-left.gif) left top no-repeat;margin:0;padding:9px 9px 0 9px; }
        .link{background:url(rounded-left.gif) left bottom no-repeat; margin:0; padding:0px 0 0 9px;}
         em{ display:block; background:url(rounded-right.gif) right bottom no-repeat; padding:0px 9px 9px 0;}
    </style>
</head>
<body>
    <div class="container">  
      <p class="desc">111111111111111111111111111111111111111111111 s:</p>  
      <p class="link"><em><a href="/browsers/firefox/">2222222222222222222222222</a></em></p>  
    </div>
</body>
</html>

rounded-left rounded-right