亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

有關于content里面的圖標調整大小的問題

標簽:
Html/CSS Html5

我想在这里陈述一下我今天遇见的问题:
我们都知道前端在引用图标的时候:

  1. 在线引用:
    iconfont 阿里巴巴图标库里面所有的图标,都加入到我们的购物车中,然后在线更新超链接,引用到我们的html代码中,然后在我们的代码体设置span标签(随便什么标签了),设置的类名格式为iconfont icon的复制名字
    设置我们图标的大小在这里用的是font-size属性,当然,调整的颜色也应该用color属性

  2. 下载png图片:
    如果是离线下载的图标,有个弊端就是颜色无法随意更改,下载好的颜色必须要提前选好的,这种情况多数都是用伪元素辅助锁定选择器的,所以调整大小的方式为:

//选择圆形的样子
content:'';
display:block;
width:20px;
height:20px;
background:url(..../img/circle.png);
background-size:cover;

就像我今天碰到的问题就是:circle图片下载一开始是选择的状态,但是没有办法按住变成另外一张选中带对勾的图片,所以我会让选中的circle圆形跟上面的宽高大小相同,只是不同的是

//选择圆形带对√的样子
content:'√';

让上面的圆形选中的时候回出现内容为对号的内容~~

點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消