返回目录:设置问题
只要在html文件中的<head></head>标签中加上:
<link rel="icon" href="picture.ico" type="image/x-icon"/> 即可。注意:href=“”中的图标格式是.ico,路径不百管相对路径还是绝对路径都可以。
实例演示如下:
1、先设置一个及其简陋的页面,代码如下:
此时页面展示如下,可见还未有小图标:
2、在第一步的展示代码上,通过<link rel="icon" href="picture.ico" type="image/x-icon"/> 添加图标(相对路径为例)。
此时的页面展示效果如度下:
扩展资料:
如果希望开发者自己需要制作的专一个ico格式的图片,要将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下。
这样的话浏览器会不停的搜索网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图属标显示在访问者的地址栏和收藏夹列表中。
引入图标库,将这个图标与input标签放在一个div再用定位,margin也可以
对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。
background-size有3个属性:
auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。zhidao当图片过小时,图片会自动平铺。这种属性通常用来做重版复性的背景或者做半透明图片背景。
cover:当使用该属性时,图片将被缩放至恰好能覆盖div,并且图片被隐藏的部分最少,这种属性在大图背景中应用比较广泛。这点比较难理解,需要结合实践理解。
contain:当使用该属性时,图片被缩放至最大且能被完全展示出来,但是由于图片的的尺寸比例权与div的尺寸比例会有不同,所以当图片不能盖住div时,图片会自动平铺。
需要把图标换成字体图标,阿里巴巴图标库百可以把图标转成字体图标,自定义的图标需要用svg然后转换。
下载出来引用字体图标样式度。在样式表问中引用字体图标
@font-face {
font-family: "aui_iconfont";
src: url('aui-iconfont.2.0.ttf') format('truetype');
}//字体引用方式arrow-left:before { content: "\e6eb"; }//字体图标的答命名和生成的字体
把字体图标的命名引用到对应的div即可<div class="aui-iconfont aui-icon-left"></div>生成如下效果图。
可以使用背景图内设置,使用背景精灵图 把图标放在一张图片上面,通过定位位移来找到图片。
切成小图标 一个位置对应一个图标。容