想利用HTML,CSS制作如下图搜索框怎么制作?

在HTML通过css外部式实现这个搜索框怎么写?希望能简单讲解一下,是不插入图片的那种。可以提供代码,或者详细讲一下用什么语句,方式等等,截图也可以。谢谢。... 在HTML通过css外部式实现这个搜索框怎么写?希望能简单讲解一下,是不插入图片的那种。可以提供代码,或者详细讲一下用什么语句,方式等等,截图也可以。谢谢。 展开
 我来答
先胃向k
2019-03-17 · TA获得超过141个赞
知道小有建树答主
回答量:160
采纳率:90%
帮助的人:37.3万
展开全部

<style>

.boxt{

/*width: 200px;*/

display: inline-block;

height: 35px;

overflow: auto;

border-radius: 35px;

border: 1px solid #3D9970;

}

.boxt input{

padding: 0px 10px;

float: left;

height: 33px;

width: 130px;

line-height: 33px;

outline: none;

border: none;

}

.boxt button{

float: left;

border: none;

line-height: 31px;

background: #3D9970;

color: #fff;

}

</style>

<div class="boxt">

<input type="text" placeholder="请输入...." />

<button>搜索</button>

</div>

更多追问追答
追问
这些所有设置,不可以放在一个css中吗?
追答
可以啊,你把里面的放进去就可以了
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式