css搜索栏背景图 |检索 html css

jqvmap.css，ps中复制css，css 文字环绕右下式，css浮动实训报告，css数学圆与环教程，css 限制只显示2行，检索 html css css搜索栏背景图 |检索 html css

.search {
background-image: url("search.png");
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: 10px center;
padding-left: 44px; 
}

以上代码中，大家为搜索栏添加了一个名为search.png的背景图，并设置了它的性质，包括：

background-image：设置搜索栏的背景图
background-repeat：设置背景图是否需要重复，默认为repeat
background-size：设置图片大小，默认为auto
background-position：设置背景图的位置
padding-left：设置搜索栏输入框距左边界的距离，使输入框不会被背景图覆盖

使用上述代码，大家可以获得一个具有背景图片的美观的搜索栏。