div内嵌套输入框,按钮,

最新推荐文章于 2023-09-24 17:58:59 发布

Vivianluolita

最新推荐文章于 2023-09-24 17:58:59 发布

阅读量3.6k

点赞数

分类专栏： HTML5+CSS3

本文链接：https://blog.csdn.net/Vivianluolita/article/details/56666474

版权

HTML5+CSS3 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

html

<div class="md-box md-ac pd-1 area gy">
        <div class="md-box gy">税前收入：</div>
        <div class="md-box input-box"><input class="md-box input-num" type="number" name=""></div>       
    </div>

css

.input-box{ border:solid 0.1rem #CCCCCC;border-radius:0.3rem ;}
.input-num{padding: 0.5rem 0.3rem;border-radius: 0.3rem;border: none;}

按钮

 <div class="md-box md-ac md-pc pd-1">
        <div class="md-box md-ac md-pc cal_btn">计算</div>
    </div>

.pd-1{padding: 0.5rem;}
.area .city{color: #32afff; font-size: 1.1rem;}
.input-box{ border:solid 0.1rem #CCCCCC;border-radius:0.3rem ;}
.input-num{padding: 0.5rem 0.3rem;border-radius: 0.3rem;border: none;}
.cal_btn{background-color: #0095eb;color: #FFFFFF;width: 100%;padding: 0.8rem 0;border-radius: 0.3rem;}