每排文字前加小图标CSS样式怎么写
5个回答
展开全部
如果是列表，可以这样：
<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>
<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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用的是不重复的背景图，给li设置背景图片，然后定位，水平位置，左对齐，上下的就是居中。就这么简单。如果感觉文字和图片挨近了点，还可以修改padding-left，你懂得
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
p:before{content:url(图片地址);}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
flex布局，竖直居中
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background:url(这里写的是你要加的图标路径) no-repeat;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
