css的icon图标(css字体图标不显示的原因)

资讯2年前 (2022)发布 cholin
151 0 0

css图标的写法

html代码部分

图标写法

¥89.0

去开团>

下面是css代码部分,处理了浏览器的兼容

¥89.0

去开团>

下面是css样式

div{

height:40px;

line-height:40px;

border-radius:20px;

overflow:hidden;

display:inline-block;

divspan{

padding:10px20px;

background-color:#000000;

color:#ffffff;

divspan.left{

background-color:#ff0000;

效果如下图

css的icon图标(css字体图标不显示的原因)

css中icon font 的每一个icon的编码是怎么来的

去bootcss网站上下载一个看一下就明白了,让别人讲你自己也要了解下。 .icon-cart:before { content: “e623”; } 或 .icon-cart:after { content: “e623”; } 都可以 e623 就是对应的你要插入的那个字体图标的编号这个是自动生成的吧都是什么 ……然后获取一下链接加到css里面的啊。编码应该是从你加的的顺序从601-60a吧!

© 版权声明

相关文章