CSS的偽類內容生成

這次帶給大家CSS的偽類內容生成，CSS的偽類內容生成的注意事項有哪些，下面就是實戰案例，一起來看一下。

1、 透過css 在現有的元素上增加新的文字（圖片）內容
選擇器：
    1、:before
     向在配對元素開始的位置上增加產生的內容
     定位到符合元素開始的位置
    2、:after
     增加產生給配對元素後的內容

##    eg:

     div:before{}

     p:after{}
    屬性：

##     p:after{}

    屬性：

##  1、content
    作用：搭配:before{
    content:"產生的內容:";
     }   常用值:   
字串
：普通文字

   url:圖片## 

字串計數器;

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

相關閱讀：
瀏覽器不相容我寫的程式碼怎麼辦

2018最新前端面試題十一######

以上是CSS的偽類內容生成的詳細內容。更多資訊請關注PHP中文網其他相關文章！