六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

自定義下文項符號list-style-image詳細(xì)說明

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于自定義列表項符號list-style-image詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。一、list-style-image屬性不管是有序列表,還是無序列表,都有它們自身的列表項符號。但是默認(rèn)的列表項符號都比較丑,那如果我們想自定義列表項符...
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于自定義列表項符號list-style-image詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

一、list-style-image屬性

不管是有序列表,還是無序列表,都有它們自身的列表項符號。但是默認(rèn)的列表項符號都比較丑,那如果我們想自定義列表項符號,那該怎么實(shí)現(xiàn)呢?

在CSS中,我們可以使用list-style-image屬性來自定義列表項符號。

語法:

list-style-image:url(圖像地址);

說明:

圖像地址可以是相對地址,也可以是絕對地址。【推薦閱讀:html中相對定位與絕對定位

舉例:

我們把下面這個小圖標(biāo)自定義為列表項符號:

微信截圖_20181112161253.png

例如:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>list-style-image屬性</title>
    <style type="text/css">
        ul{list-style-image:url("http://img.php.cnhttp://img6-2.22122511.com/upload/web_2/9-3-1.png");}
    </style>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>
</body>
</html>

效果如下:

微信截圖_20181112161721.png

以上就是對自定義列表項符號list-style-image詳解的全部介紹,如果您想了解更多有關(guān)Html5教程,請關(guān)注PHP中文網(wǎng)。

以上就是自定義列表項符號list-style-image詳解的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。




主站蜘蛛池模板: 在线观看成年视频 | 亚洲视频在线免费 | 欧美亚洲综合视频 | 一个色综合网站 | 日本一本二本在线观看 | 午夜影院在线免费 | 亚洲人成激情在线播放 | 色噜噜噜噜噜 | 日本一区二区三区在线 观看网站 | 探花视频观看在线视频 | 一本伊人 | 视频自拍网 | 深夜男人天堂 | 一二三四视频中文字幕在线看 | 一二三四高清在线手机视频 | 欧美一级视频高清片 | 午夜影院a| 天色噜噜噜噜 | 亚洲人成亚洲精品 | 青娱乐最新地址 | 四月婷婷| 日日摸日日操 | 伊人影院综合网 | 亚洲女人的天堂 | 亚洲欧美日韩中字综合 | 色狠狠综合网 | 污污视频在线免费观看 | 在线中文字幕不卡 | 日本特黄特色aa大片免费 | 欧美无人区码卡二三卡四卡 | 日日做夜夜爱 | 欧美网址在线观看 | 夜夜视频 | 亚洲福利视频一区 | 天天爱天天做久久天天狠狼 | 在线中文字幕一区 | 日韩一级精品视频在线观看 | 色香色香欲天天天影视综合网 | 一级毛片一级毛片一级毛片aaav | 欧美洲大黑香蕉在线视频 | 三级经典三级日本三级欧美 |