在页面超链接a前加上图标

在前台页面设计中，为了实现更好的页面效果，我们可以在超链接文字前加上合适的小图标，从而给用户更好的视觉体验。

<!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 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性：

background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

在页面超链接a前加上图标相关推荐

Vue3中的setup前加上async后页面不显示
问题: Vue3项目中,在setup函数前加上了async,使其变成异步函数,导致页面空白不显示? 描述: 最近在学习Vue3项目,使用了CompositionAPI的书写方式,其中有一个setup函 ...
点击父分类前的图标时能够显示、折叠子分类。
试题要求: 1.页面加载完毕后隐藏所有的子分类行.其中每个tr均有两个属性cateId(分类ID).parentCateId(父分类ID).其中父分类parentCateId的值为空"&qu ...
为什么要在linux命令前加上 ./
为什么要在linux命令前加上 ./ ? 简述执行unix或linux中除了path系统变量外的目录下的命令都要加./. 修改用户的 .bash_profile,在 PATH一行最后加上 " ...
python的正则表达式 re-------可以在字符串前加上 r 这个前缀来避免部分疑惑，因为 r 开头的python字符串是 raw 字符串，所以里面的所有字符都不会被转义...
正则表达式使用反斜杆(\)来转义特殊字符,使其可以匹配字符本身,而不是指定其他特殊的含义.这可能会和python字面意义上的字符串转义相冲突,这也许有些令人费解.比如,要匹配一个反斜杆本身,你也许要用 ...
ztree 自定义参数_Ztree节点前加上两个自定义按钮
前言: 在我的权限管理模块遇到了给某些角色加权限的问题,这时就需要实现将每个模块做成树,在每个节点前加上预览和编辑的按钮,这样可以根据数据库的某个字段给每个角色赋权限. 必须必须吐槽的是,这部分的功能 ...
微信小程序—页面内分享按钮用图标代替
微信小程序-页面内分享按钮用图标代替前言代码效果图前言张小龙不知道出于什么原因将打开客服会话.触发用户转发.打开授权设置页.打开"意见反馈"页面等功能全都挂载到butto ...
js在html之前加载,js加载前显示loading（页面加载前）
工作中遇到,需要加loading.1.用jquery的load方法读取页面,页面读取完成前显示loading.2.首页js等加载过慢,页面加载完成前显示loading. (1).jquery .loa ...
页面加载前需要定义全局变量
页面加载前需要定义全局变量如:var layer,laydate,layuiForm,layuiTable; 加载和初始化layui模块 layui.use(['layer','form','lay ...
vue监听浏览器刷新和关闭事件，并在页面关闭/刷新前发送请求
vue监听浏览器刷新和关闭事件,并在页面关闭/刷新前发送请求 1.需求背景: 2.需求分析: 3.实现方式: 4.实现方式解析: 1)浏览器页面事件基础 2)在mounted监听beforeunloa ...
【vue】html页面怎么设置页签图标？比如B站是个小电视的图标的效果
文章目录 html页面怎么设置页签图标?比如B站是个小电视的图标的效果页签图标是什么? 如何设置页签图标? 实现效果展示: 页签图标去哪找好看的? html页面怎么设置页签图标?比如B站是个小电视的 ...

在页面超链接a前加上图标

在页面超链接a前加上图标相关推荐

最新文章

热门文章