首頁 > web前端 > css教學 > CSS產生常用的圖示樣式

CSS產生常用的圖示樣式

php中世界最好的语言
發布: 2018-03-21 13:17:31
原創
2483 人瀏覽過

這次帶給大家CSS生成常用的圖示樣式,CSS產生常用的圖示樣式的注意事項有哪些,下面就是實戰案例,一起來看一下。

基本圖示:

您可以將Font Awesome圖示使用在幾乎任何地方,只需要使用CSS前綴 fa ,再加上圖示名稱。 Font Awesome是為使用內聯元素而設計的。我們通常更喜歡使用 ,因為它更簡潔。 但實際上使用 才能更語意化

<i class="fa fa-camera-retro"></i> fa-camera-retro
登入後複製

注意:如果您修改了圖示容器的字體大小,圖示大小會隨之改變。同樣的變化也會發生在顏色、陰影等其它任何CSS支援的效果上。

用的時候記得引入:

<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
登入後複製

#相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

css3的pointer-events使用詳解

完全利用CSS實作元素居中

以上是CSS產生常用的圖示樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板