HTML京东界面的代码和效果图

下面是HTML京东的界面代码和效果图：

        京东            #header{
                height: 60px;
                background-color: #dc4238;
        }
        #logo{
                display: inline-block;
                margin-left: 20px;
                margin-top: 10px;
                width: 100px;
                height: 40px;
                background-image: url("https://img1.360buyimg.com/da/jfs/t1/72824/19/8686/4693/5d6d07a0E58e8b8fc/da3f06cc0da0cc62.png");
                background-repeat: no-repeat;
                background-size: contain;
        }
        #search{
                display: inline-block;
                margin-left: 20px;
                margin-top: 10px;
                width: 400px;
                height: 40px;
                background-color: aliceblue;
                border-radius: 20px;
                line-height: 40px;
                text-align: center;
        }
                            输入商品名称或者SKU编号    

以上代码是京东主页的顶部搜索栏部分的实现方法。效果图如下：

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！