CSS中偽元素after的作用

CSS 偽元素用于向某些選擇器設置特殊效果。

創新互聯建站專業為企業提供江源網站建設、江源做網站、江源網站設計、江源網站制作等企業網站建設、網頁設計與制作、江源企業網站模板建站服務，十年江源做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

":after" 偽元素可以在元素的內容之后插入新內容。

下面的例子在每個 h1 元素后面插入一幅圖片：

h1:after{

content:url(logo.gif);

}

css中的after是什么意思

:after 偽元素在元素之后添加內容。

這個偽元素允許創作人員在元素內容的最后面插入生成內容。默認地，這個偽元素是行內元素，不過可以使用屬性 display 改變這一點。

所有主流瀏覽器都支持 :after 偽元素，但對于IE來說，只有IE8以上版本支持。

h1:after

{

content:url(beep.wav);

}

此樣式會在每個 h1 元素之后播放一段聲音：

style type="text/css"

h1:after {content:url(/i/w3school_logo_white.gif)}

/style

h1This is a heading/h1

這是在h1后面插入一張圖片，但IE

css 偽元素::after

css ::after用來創建一個偽元素，做為已選中元素的最后一個子元素。通常會配合content屬性來為該元素添加裝飾內容。這個虛擬元素默認是行內元素。

由于偽元素本身是行內元素，所以要變成塊級元素的需要使用 display: block;

以下是畫一個三角形的圖案的樣式。

content是一定需要的，content 可以是：

值得注意的是:

:after 和 ::after的關系

當前名稱：關于cssafter樣式的信息
本文地址：http://vcdvsql.cn/article22/dsdiccc.html

成都網站建設公司_創新互聯，為您提供品牌網站建設、ChatGPT、網站制作、App設計、網站改版、自適應網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯