html/css问题 如何给超链接a标签增加小图标？
3个回答
展开全部
在前台页面设计中，为了实现更好的页面效果，我们可以在超链接文字前加上合适的小图标，从而给用户更好的视觉体验。
[html] view plain copy
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a{
display:inline-block;
width: 100px;
height:40px;
background: gray url(../img/logo.png) no-repeat fixed 10px center;
text-indent:35px;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
备注：
background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性：
如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background:url(img/icon.gif) no-repeat; 然后用padding-left来控制离小图标多远
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a {width: 100%;display: block;background: url(../images/listx.png) no-repeat;text-indent: 50px;line-height: 30px;height: 30px;}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
