纯HTML+CSS实战之百度搜索框实例

最新推荐文章于 2024-02-28 20:06:15 发布

VIP文章小韩同学哇

最新推荐文章于 2024-02-28 20:06:15 发布

阅读量9.3k

点赞数 3

分类专栏：从零玩转Html5前端开发

本文链接：https://blog.csdn.net/qq_41886761/article/details/86467032

版权

效果图如图所示：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>纯css制作搜索框</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            border: none;
        }
        .x{
            display: inline-block;
            margin-top: 200px;
            margin-left: 300px;
            position: relative;
        }
        .k{
            width: 536px;
            height: 38px;
            border: 1px solid #cccccc;
            float: left;
            box-sizing: border-box;
        }
        .n{
            width: 102px;
            height: 38px;
            line-height: 40px;
            float: left;
            background-color: #38f;
            font-size: 16px;
            /*鼠标悬停按钮上方，光标成手指样式*/

最低0.47元/天解锁文章

小韩同学哇

关注

3
点赞
踩
22

收藏

觉得还不错? 一键收藏
5
评论
纯HTML+CSS实战之百度搜索框实例

效果图如图所示：代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;纯css制作搜索框&lt;/title&gt; &lt;style&gt;
复制链接

扫一扫