怎么样用css，在文本框前加一个小图标

发布网友发布时间：2022-04-22 12:17

共5个回答

热心网友时间：2023-11-04 08:41

如果是列表，可以这样：
<html>
<head>
<style type="text/css">
ul
{
list-style: square inside url('/image/example.gif')
}
</style>
</head>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>
</html>

热心网友时间：2023-11-04 08:42

用的是不重复的背景图，给li设置背景图片，然后定位，水平位置，左对齐，上下的就是居中。就这么简单。如果感觉文字和图片挨近了点，还可以修改padding-left，你懂得

热心网友时间：2023-11-04 08:42

p:before{content:url(图片地址);}

热心网友时间：2023-11-04 08:43

flex布局，竖直居中

热心网友时间：2023-11-04 08:43

background:url(这里写的是你要加的图标路径) no-repeat;