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靠左 居中 靠右!
  • 热门搜索
    世界读书日手抄报内容 英语春节手抄报 武汉加油手抄报 有关绿色环保的手抄报 六一手抄报图片 劳动节的手抄报 漫游语文世界手抄报 世界无烟日手抄报图片 三八妇女节手抄报内容 防疫有我爱卫同行手抄报