搜索框是我们经常在网页上见到的一个功能,它可以让用户通过输入关键字来查找需要的内容。在CSS中,我们可以使用一些技巧来让搜索框更加美观和易于使用。首先,我们需要创建一个文本框,可以使用HTML中的in
input[type="text"] { border: 2px solid #ccc; border-radius: 5px; padding: 5px; font-size: 16px; width: 250px; }
input[type="text"] { border: 2px solid #ccc; border-radius: 5px; padding: 5px; font-size: 16px; width: 250px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease-in-out; } input[type="text"]:focus { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
<p> <input type="text" placeholder="请输入关键字"> <button>搜索</button> </p>
粉丝
0
关注
0
收藏
0