css content屬性


  翻譯結果:

content

英['kɒntent]   美[ˈkɑ:ntent]  

n.內容;滿足;(書等的)目錄;容量

adj.滿足的,滿意的;願意的;心甘情願的

vt.使滿足,使滿意

第三人稱單數: contents 複數: contents 現在分詞: contenting 過去式: contented 過去分詞: contented

css content屬性語法

作用:content 屬性與 :before 及 :after 偽元素搭配使用,來插入產生內容。

說明:此屬性用於定義元素之前或之後放置的生成內容。預設地,這往往是行內內容,不過該內容創建的框類型可以用屬性 display 控制。

註解:所有瀏覽器都支援 content 屬性。如果已規定 !DOCTYPE,那麼 Internet Explorer 8 (以及更高版本)支援 content 屬性。

css content屬性範例

<!DOCTYPE>
<html>
<head>
<style type="text/css">
a:after
{content: " (" attr(href) ")"
}
</style>
</head>

<body>
<p><a href="http://www.php.cn">php中文网</a> 有很多免费视频教程.</p>
<p><b>注释:</b>如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 content 属性。</p>
</body>
</html>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例

熱門推薦

首頁

影片

問答