国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

html5 - 這種標(biāo)志是用CSS樣式做出來(lái)的嗎?
扔個(gè)三星炸死你
扔個(gè)三星炸死你 2017-06-29 10:09:55
0
6
927

這種評(píng)論 轉(zhuǎn)發(fā)的圖標(biāo)我看了一下源碼 好像不是用的圖片 好像是一種樣式 那么這個(gè)樣式是怎么做的呢

扔個(gè)三星炸死你
扔個(gè)三星炸死你

全部回復(fù)(6)
洪濤

iconfont實(shí)現(xiàn)的吧:http://www.iconfont.cn/

ringa_lee

這個(gè)找個(gè)圖標(biāo)的網(wǎng)站,然后生成一個(gè)css文件,用的時(shí)候引用就行了

習(xí)慣沉默

其實(shí)是用了iconfont啦
在網(wǎng)頁(yè)中設(shè)定瀏覽者系統(tǒng)中沒(méi)有的字體
瀏覽器下載字體文件,并用相應(yīng)的字體進(jìn)行渲染

所謂字體就是字符編碼對(duì)應(yīng)的圖形
比如下面這個(gè)電話圖標(biāo)實(shí)際上就是一個(gè)字
可以選中復(fù)制粘貼
但是根據(jù)環(huán)境所在對(duì)應(yīng)字體不同
可能顯示的形式會(huì)不同
最不濟(jì)的情況,可能設(shè)定的字體里面壓根沒(méi)有這個(gè)編碼對(duì)應(yīng)的圖形
就不會(huì)顯示了

?

具體可以看iconfont的使用

這樣做的優(yōu)點(diǎn)顯而易見(jiàn),字體也是文字,可以跟隨其他文本元素設(shè)置字體大小,顏色,裝飾,而且不會(huì)縮放失真

缺點(diǎn)同樣顯而易見(jiàn),它不是圖片,所以像圖片那樣的彩色圖標(biāo)就實(shí)現(xiàn)不了了

三叔

用圖標(biāo)實(shí)現(xiàn)的,樓上發(fā)的就是一個(gè)網(wǎng)站,我來(lái)說(shuō)點(diǎn)具體的。
1.先在網(wǎng)站上選好圖標(biāo)然后保存在一個(gè)項(xiàng)目里,然后下載到本地里(這里也可以用在線鏈接,下圖就是兩個(gè)操作方式的地方,也是在iconfont)

2.css中引入本地or在線鏈接(上圖),本地方法相同。

3.在要使用的樣式中指定font-family為icon,使用icon碼子,比如途中第一個(gè)圖標(biāo)重新加載

.myIcon{
    font-family: icon;
}
<span class="myIcon">&#xe6d6;<icon>

Ty80

前端真是八仙過(guò)海各顯神通, 除了icon 還有base64 還是svg 甚至于canvas也能做

世界只因有你

最簡(jiǎn)單就用bootstrap
http://v3.bootcss.com/compone...
link引入bootstrap,然后在標(biāo)簽直接加類(lèi)名就好了
<button class="btn btn-default">全屏 <span class="glyphicon glyphicon-fullscreen"></span></button>

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板