这篇博客分享了使用CSS模仿谷歌首页搜索框的过程，强调了细节处理的重要性，如输入框的outline、text-indent、border-radius等样式，并指出通过实践来记忆和应用CSS样式的高效学习方法。
代码如下：
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>google</title>
<style media="screen">
.container{
width: 100%;
height: 100%;
}
.logo{
margin: 106px 0 0;
height: 200px;
background: url("../../static/image/google_logo.png")center no-repeat;
background-size: 270px 90px;
}
.searchTool input{
border: 1px solid #d3dcd8;
border-radius: 2px;
width: 666px;
outline: none;
height: 39px;
box-shadow: 0 2px 3px #bbbab6;
font-size: 17px;
text-indent: 14px;
最低0.47元/天 解锁文章
525
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
