您的位置：首页 > 其它

图片圆角的做法

2016-08-18 09:41 148 查看
<html>  

<head>  

            <title>图片圆角</title>   

            <style type= "text/css">  

 .xygsimg{

position:relative;

width:134px; 

margin:0px auto;

}

.xygsnav{ 

text-align:center;

}

.xygsleftTop{

background:url(images/1_30.png)  no-repeat left top;

margin-left: 0px;

width:10px;

height:31px; 

position:absolute;

left:0;

top:0;

}  

/*css圆角右上角*/

 .xygsrightTop{

background:url(images/1_34.png) no-repeat right top;

margin-right: 2px;

width:10px;

height:31px;

position:absolute;

right:0;

top:0;

}  

.xygssu{

background:url(images/1_32.png) repeat-x top;

height:31px;

text-align:center;

color:#fff;

line-height:30px;

width:130px;

font-weight:bold;

position:relative;}

             </style>

        </head>  

        <body >  

<div class="xygsimg">

<div class="xygssu">

主体内容

</div>

<div class="xygsnav">

</div>

</div

        </body>  

    </html>  
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航