日度归档:2020年6月13日

css 如何为html标签Input添加圆角呢?


摘要:
下文讲述html标签input空间添加圆角边框的方法分享,如下所示:

  实现思路:
     1.使用Border设置边框 
     2.使用Border-radius设置圆角

例:
为下面所有Input标签设置圆角

 <meta charset='utf-8' />
<p>
 maomao365.com <br />
 为input标签设置圆角边框的示例分享
</p>
<hr />
<style>
 input{
    width:155px;
    margin-top:20px;
    padding-left:10px;
    height:32px;
    border-radius:4px;
     border:1px solid #DBDBDB;
 }
</style>

<input type="text" placeholder="name"  
    maxlength="10" size="10"     /> 
<br />


<input type="text" placeholder="pwd"  
    maxlength="10" size="10"     /> 
<br />
css为Input设置圆角边框

css为Input设置圆角边框