input按钮里面放图标
时间: 2023-07-02 16:05:16 浏览: 211
按钮的图标
可以使用HTML和CSS来实现在input按钮里面放置图标。以下是一个简单的示例:
HTML代码:
```html
<input type="submit" value="提交">
```
CSS代码:
```css
input[type="submit"] {
background-image: url("icon.png");
background-position: center;
background-repeat: no-repeat;
padding-left: 20px; /* 设置图标与文字之间的间距 */
}
```
其中,`background-image`属性用于设置背景图片,`background-position`属性用于设置图片在按钮中的位置,`background-repeat`属性用于设置图片是否重复,`padding-left`属性用于设置图标与文字之间的间距。
阅读全文