- .search-field .shadow-x{ position:absolute;top:0;left:1px;width:438px;height:0;border-top:1px solid #d0d0d0;border-bottom:1px solid #f0f0f0;overflow:hidden;z-index:1; }
-
- .search-field .shadow-y{ position:absolute;top:0;left:0;width:0;height:30px;border-left:1px solid #d0d0d0;border-right:1px solid #f0f0f0;overflow:hidden; }
阴影HTML代码如下:
- <div id="search-field">
- <form id="search-form">
- <div style="search-input">
- <div style="shadow-x"></div>
- <div style="shadow-y"></div>
- <input type="text" />
- </div>
- <button type="submit">谷歌搜索</button>
- </div>