谁能帮我用DIV+CSS布局下小米官网的搜索框。。。谢谢了!

2025-04-14 11:03:38
推荐回答(2个)
回答1:

以下是代码 ,仅供参考





demo

* {outline: none;}
.search {position: relative;display: inline-block;}
.txt {display: block;width: 364px;height: 32px;line-height: 32px;text-indent: 6px;border: 3px solid #dd4250;background: #fff;margin-bottom: 6px;color: #ccd1d9;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.btn {position: absolute;background: none;right: 2px;top: 0px;z-index: 2;display: block;width: 50px;height: 40px;cursor: pointer;border: none;}
.ico {width: 40px;height: 34px;position: absolute;top: 3px;_top: 5px;z-index: 1;display: block;cursor: pointer;border: none;right: 3px;}
.ico em {background-image: url("http://p.www.xiaomi.com/zt/2013/icon-common-newyear.png");z-index: 1;display: block;cursor: pointer;border: none;width: 17px;height: 18px;background-position: -223px -51px;margin: 8px 11px;}





   
      
      
  
   


效果图如下:

回答2:

楼上的写的很详细嘛

相关问答