[英]Creating colored text icon to use in php script (see image)
我希望能夠創建如下圖標/彩色CSS文本塊:
我不知道從哪里開始尋找它們,因為我不知道這是HTML,PHP還是CSS或它們的組合。
提前致謝。
編輯:我已經看過源代碼,但是我所看到的只是它們是類文件,無法跟蹤。
首先結合使用twitter引導程序和超棒的字體。 這是鏈接-http://twitter.github.io/bootstrap/
http://fortawesome.github.io/Font-Awesome/
其中大多數看起來像帶有某種圖標字體的Bootstrap徽章或標簽 。 很多圖標字體
它們也很容易使用...
<span class="label">Default Label <i class="icon-globe icon-white"></i></span>
<span class="label label-success">Success Label <i class="icon-tag icon-white"></i></span>
<span class="label label-important">Important Label <i class="icon-hand-right icon-white"></i></span>
<span class="label label-warning">Warning Label <i class="icon-hand-left icon-white"></i></span>
結果是:
用一點CSS和一些圖標字體來制作自己的東西也不是那么困難。 HTML:
<span class="label"><span class="fontelico-emo-beer"></span> Beer Me!</span>
CSS:
@import url(http://weloveiconfonts.com/api/?family=fontelico);
/* fontelico */
[class*="fontelico-"]:before {
font-family: 'fontelico', sans-serif;
}
.label{
background-color: green;
font-size: 0.7em;
padding: 0.4em;
border-radius: 0.4em;
color: white;
font-family: arial, helvetica;
}
結果是這樣的:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.