css如何把input搜索框做成圆角

 时间:2024-10-14 10:52:11

1、新建一个html文件,命名为test.html,用于讲解css如何把input搜索框做成圆角。

css如何把input搜索框做成圆角

2、在test.html文件内,使用input标签创建一个搜索框。

css如何把input搜索框做成圆角

3、在test.html文件内,设置input标签的class属性为myinput。

css如何把input搜索框做成圆角

4、在css标签中,通过class定义input的样式,设置它的宽度为200px,高度为30px。

css如何把input搜索框做成圆角

5、在css标签中,再使用border-radius属性设置input的圆角角度,例如 ,这里设置为10px。

css如何把input搜索框做成圆角

6、在浏览器打开test.html文件,查看实现的效果。

css如何把input搜索框做成圆角
  • HTML中引入css和js的方法
  • javascript怎么给div添加图片
  • 网页背景图片设置的代码是什么呢
  • 如何让span居中
  • CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
  • 热门搜索
    口袋妖怪白金攻略 脸胖怎么瘦 孩子脸上有白块是怎么回事 逃脱者攻略 长春旅游攻略 减肥药会反弹吗 韩国悦诗风吟怎么样 罗马之子攻略 上海到普陀山旅游攻略 红烧带鱼的家常做法