程序博客网 > 三国群英2优化版

css伪类实现矩形按钮的右边缘中间有一个往里凹陷的小半圆

来源：互联网发布：三国群英2优化版编辑：程序博客网时间：2024/04/28 00:20

效果如图所示：

使用css伪类：

<!DOCTYPE html><html><head>    <title>button</title>    <meta charset="utf-8" lang="gb23123">    <style type="text/css">        .btn{            width: 100px;            height: 30px;            color: #FFF;            font-size: 1.2em;            text-align: center;            line-height: 30px;            background-color: black;            top:50%;            left: 50%;            margin-top: -15px;            margin-left: -50px;            position: absolute;        }        .btn::after{            width: 20px;            height: 20px;            content: "";                    right: -10px;            top: 5px;            position: absolute;            display: block;             background: #FFF;            border-radius: 20px;        }    </style></head><body>    <buton class="btn">button</buton></body></html>

1 0

三国群英2优化版

三国群英2优化版

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子修行修心柯黎修心修行修性修心养性的名言红尘中修心经典语录金刚经修心课清穿红楼之修心我爱撞冰山修心养性的句子六祖坛经修心课修心的人就是变命的人在红尘中修心修心谷医林煜修心养性的佛经句子进修心得体会金刚经修心课下载修心八颂原文金刚经修心课 pdf 修心书籍排行榜为人三会,修心三不,口才三绝修心悟语的作品原声修心三大境界修佛就是修心修心是什么意思仙域修心仙丹佛家如何修心修心看什么书静心宽心修心严以修身修行图片当下的修行跟王阳明一起修心口才三绝为人三会修心三不越是艰难处越是修心时下一句科颜氏清颜修护精华乳梵蜜琳修护三件套全国统一价凡士林修护晶冻吕含光耀护损伤修护洗发水施华蔻多效修护19洗发露施华蔻多效修护洗发露迪凯瑞祛痘修护啫喱膏傲丽修护粉底霜凡士林修护晶冻11种用法