每排文字前加小图标CSS样式怎么写

发布网友发布时间：2022-04-20 22:36

共5个回答

热心网友时间：2022-04-21 00:06

如果是列表，可以这样：
<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>

热心网友时间：2022-04-21 01:24

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

热心网友时间：2022-04-21 02:58

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

热心网友时间：2022-04-21 04:50

flex布局，竖直居中

热心网友时间：2022-04-21 06:58

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

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com