css3圆角代码

时间:2022-10-13 18:18:44

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文件中运行。

运行后的效果图


css3圆角代码

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文件中运行。

运行后的效果图


css3圆角代码

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