css3 icon屬性使用示例

發(fā)布時間：2020-05-09 14:45:50 來源：億速云閱讀：237 作者：Leah 欄目：web開發(fā)

今天小編給大家分享的是css3 icon屬性使用的詳細(xì)介紹，相信大部分人都不太了解，為了讓大家更加了解，給大家總結(jié)了以下內(nèi)容，話不多說，一起往下看吧。

css3 icon屬性使用示例

CSS3 icon屬性

作用：icon 屬性為創(chuàng)作者提供了將元素設(shè)置為圖標(biāo)等價物的能力。

語法：

icon: auto|URL;

auto：使用由瀏覽器提供的默認(rèn)通用圖標(biāo)。

URL：引用列表中的一個或多個圖標(biāo)，列表用逗號分隔。

注：

1、除非 "content" 屬性的值被設(shè)置為 "icon"，否則元素的圖標(biāo)不會被使用。

2、目前沒有主流瀏覽器支持icon屬性。

CSS3 icon屬性的使用示例

將圖像元素設(shè)置為圖標(biāo)化的等價物：

img
{
content:icon;
icon:url(imgicon.png);
}

關(guān)于css3 icon屬性使用就分享到這里了，當(dāng)然并不止以上和大家分析的例子，不過小編可以保證其準(zhǔn)確性是絕對沒問題的。希如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡