成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

CSS偽類(lèi)選擇器:before、:after使用：插入字符、插入圖片、插入項(xiàng)目編號(hào)

junbaor / 2563人閱讀

摘要：小寫(xiě)羅馬數(shù)字等。小寫(xiě)英文字母等。傳統(tǒng)的希伯來(lái)編號(hào)方式傳統(tǒng)的亞美尼亞編號(hào)方式傳統(tǒng)的喬治亞編號(hào)方式等。日文片假名以上屬性來(lái)源偽元素選擇器用于在某個(gè)元素之后插入一些內(nèi)容把的地方換成，插入圖片樣式用一下的就行兼容沒(méi)測(cè)運(yùn)行效果

before: 偽元素選擇器用于在某個(gè)元素之前插入一些內(nèi)容

偽類(lèi)選擇器:before使用content屬性插入字符、屬性插入圖片




    
    
    
    
    
    
    
    
    
    css3
    


    
ello Word（H是通過(guò)before添加的文字）

    
通過(guò)before添加三角尖圖片

運(yùn)行效果

偽類(lèi)選擇器:before使用content屬性插入項(xiàng)目編號(hào)，項(xiàng)目編號(hào)可以為數(shù)字編號(hào)、小寫(xiě)字母編號(hào)、大寫(xiě)字母編號(hào)、羅馬字編號(hào)等

代碼




    
    
    
    
    
    
    
    
    
    css3
    


    

        蘋(píng)果
        香蕉
        芒果
    

    

        跑步
        游泳
        爬山

運(yùn)行效果

第1種蘋(píng)果
第2種香蕉
第3種芒果
A.跑步
B.游泳
C.爬山

list-style-type屬性
值                        描述
none                      無(wú)標(biāo)記。
disc                      默認(rèn)。標(biāo)記是實(shí)心圓。
circle                    標(biāo)記是空心圓。
square                    標(biāo)記是實(shí)心方塊。
decimal                   標(biāo)記是數(shù)字。
decimal-leading-zero      0開(kāi)頭的數(shù)字標(biāo)記。(01, 02, 03, 等。)
lower-roman               小寫(xiě)羅馬數(shù)字(i, ii, iii, iv, v, 等。)
upper-roman               大寫(xiě)羅馬數(shù)字(I, II, III, IV, V, 等。)
lower-alpha               小寫(xiě)英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha               大寫(xiě)英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek               小寫(xiě)希臘字母(alpha, beta, gamma, 等。)
lower-latin               小寫(xiě)拉丁字母(a, b, c, d, e, 等。)
upper-latin               大寫(xiě)拉丁字母(A, B, C, D, E, 等。)
hebrew                    傳統(tǒng)的希伯來(lái)編號(hào)方式
armenian                  傳統(tǒng)的亞美尼亞編號(hào)方式
georgian                  傳統(tǒng)的喬治亞編號(hào)方式(an, ban, gan, 等。)
cjk-ideographic           簡(jiǎn)單的表意數(shù)字
hiragana                  標(biāo)記是：a, i, u, e, o, ka, ki, 等。（日文片假名）
katakana                  標(biāo)記是：A, I, U, E, O, KA, KI, 等。（日文片假名）
hiragana-iroha            標(biāo)記是：i, ro, ha, ni, ho, he, to, 等。（日文片假名）
katakana-iroha            標(biāo)記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名）

以上list-style-type屬性來(lái)源w3school

after: 偽元素選擇器用于在某個(gè)元素之后插入一些內(nèi)容

把before的地方換成after，插入圖片樣式用一下的就行

    .p_after:after {
        content: "d";
        color: #01B4EE;
    }
    .p_afterImg {
        background: #eeeeee;
        width: 200px;
        height: 80px;
        border-radius: 6px;
        padding: 10px 20px;
        position: relative;

    }
    .p_afterImg:after {
        content: "";
        background: url("../img/triangle_down.png") no-repeat bottom right /32px 16px;/*兼容沒(méi)測(cè)*/
        position: absolute;
        bottom: -15px;
        z-index: 2;
        width: 32px;
        height: 16px;
    }

運(yùn)行效果

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/112400.html

相關(guān)文章

  • CSS偽類(lèi)選擇器:before、:after使用：插入字符、插入圖片、插入項(xiàng)目編號(hào)

    摘要：小寫(xiě)羅馬數(shù)字等。小寫(xiě)英文字母等。傳統(tǒng)的希伯來(lái)編號(hào)方式傳統(tǒng)的亞美尼亞編號(hào)方式傳統(tǒng)的喬治亞編號(hào)方式等。日文片假名以上屬性來(lái)源偽元素選擇器用于在某個(gè)元素之后插入一些內(nèi)容把的地方換成，插入圖片樣式用一下的就行兼容沒(méi)測(cè)運(yùn)行效果 before: 偽元素選擇器用于在某個(gè)元素之前插入一些內(nèi)容 偽類(lèi)選擇器:before使用content屬性插入字符、屬性插入圖片 ...

    孫淑建 評(píng)論0 收藏0

  • CSS3的content屬性詳解

    摘要：中主要的偽元素有四個(gè)，在偽元素選擇器中，有一個(gè)屬性，能夠?qū)崿F(xiàn)頁(yè)面中的內(nèi)容插入。這是鏈接運(yùn)行結(jié)果插入項(xiàng)目編號(hào)利用的屬性針對(duì)多個(gè)項(xiàng)目追加連續(xù)編號(hào)大標(biāo)題文字大標(biāo)題文字大標(biāo)題文字大標(biāo)題文字運(yùn)行結(jié)果項(xiàng)目編號(hào)修飾默認(rèn)插入的項(xiàng)目編號(hào)是數(shù)字型的，。。。 CSS中主要的偽元素有四個(gè)：before/after/first-letter/first-line，在before/after偽元素選擇器中，有一個(gè)...

    RyanHoo 評(píng)論0 收藏0

  • css系列之before或after中content

    摘要：要配合和屬性使用。，給同級(jí)元素增加計(jì)數(shù)器用于標(biāo)識(shí)自增計(jì)數(shù)器的作用范圍，為自定義名稱(chēng)，為起始編號(hào)默認(rèn)為。 **單冒號(hào)(:)用于CSS3偽類(lèi)，雙冒號(hào)(::)用于CSS3偽元素，不過(guò)瀏覽器需要同時(shí)支持舊的已經(jīng)存在的偽元素寫(xiě)法，比如:first-line、:first-letter、:before、:after等，單冒號(hào)(:)兼容性更好** content可能的值 div::after{ ...

    lieeps 評(píng)論0 收藏0

  • CSS魔法堂：一起玩透?jìng)卧睾虲ontent屬性

    摘要：前言繼上篇魔法堂稍稍深入偽類(lèi)選擇器記錄完偽類(lèi)后，我自然而然要向偽元素伸出魔掌的啦。和的注意事項(xiàng)默認(rèn)必須設(shè)置屬性，否則一切都是無(wú)用功默認(rèn)，就是和的內(nèi)容無(wú)法被用戶(hù)選中的偽元素和偽類(lèi)結(jié)合使用形如。 前言 ?繼上篇《CSS魔法堂：稍稍深入偽類(lèi)選擇器》記錄完偽類(lèi)后，我自然而然要向偽元素伸出魔掌的啦^_^。本文講講述偽元素以及功能強(qiáng)大的Contet屬性，讓我們可以通過(guò)偽元素更好地實(shí)現(xiàn)更多的可能！ ...

    DevTalking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<