css3圆角代码

div+css3普通圆角代码示例

<style type="text/css">
#round {
width:200px;
height:100px;
margin:0px auto;
border: 5px solid #000;
border-radius:15px;
}
</style>
<div id="round"></div>
以上代码可直接复制到HTML文件中运行。

运行后的效果图

div+css3普通无边框圆角代码示例

<style type="text/css">
#round {
width: 200px;
height: 100px;
background:#09C;
border-radius: 5px;
margin:0px auto;
}
</style>
<div id="round"></div>
以上代码可直接复制到HTML文件中运行。

运行后的效果图
 

转载时请注明:转载自《 电脑互助网》原文地址: http://www.pc811.com/6/4/26046.html