使用CSS可以轻松地进行搜索框的美化和设置。一个好看的搜索框不仅有利于美观，还能提高用户的体验。下面介绍一下怎么设置搜索框。

input[type="text"] {width: 100%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;font-size: 16px;}

上面代码中，我们首先定义了一个input元素，其type属性为text，即文本框，然后设置了文本框的宽度、内边距、外边距、盒模型、边框、边框的圆角、背景颜色和字体大小。这样就定义了一个基本的搜索框。

input[type="text"]:focus {border: 3px solid #555;}

上面代码中，我们为文本框添加了一个焦点状态下的样式，当用户点击到搜索框时，边框的颜色变为深灰色，以提示用户这个输入框正在使用中。

input[type="text"]::placeholder {color: #aaa;}

上面代码使用了伪元素::placeholder来设置文本框内的提示字，这里把默认的提示字颜色改成了浅灰色。

以上就是关于CSS设置搜索框的简单介绍，使用这些属性可以让搜索框更具有美感和实用性。