圆角div

最新推荐文章于 2025-05-29 11:15:28 发布

时间是包治百病的庸医

最新推荐文章于 2025-05-29 11:15:28 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

分类专栏： html+css

本文链接：https://blog.youkuaiyun.com/leng0920/article/details/52469012

html+css 专栏收录该内容

113 篇文章

订阅专栏

<!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>CSS3实现DIV圆角 - CSS3教程 - 计划 - 博客园</title>
    <meta name="keywords" content="www.cnblogs.com/jihua"/>
    <style type="text/css"> #yuanjiao{
 
.btn-v2{
    float: left;
    border: 1px solid #02B300;
    background-color: #02B300;
    border-radius: 5px;
    padding: 3px 0px;
    width: 100px;
    margin-left: 5px;
    color: #ffffff;
    font-size: 14px;
}

.btn-v2 .icon-add{
    width: 18px;
    height: 16px;
    background-position: -649px -343px;
    margin: 0 5px;
}
 }</style> </head><body><div class="btn-v2 btn-add">
<i class="icon-add"></i>
    新增
</div>
</body></html>
效果如图
注：如需改变圆角大小直接修改border-radius:5px;的值即可