css基本定義 after 元素屬性 套用樣式
支援CSS2 以上
用法：::after 配合 content
說明：
after 在某元素後 加入 假元素
content 加入 假元素 的內容
css定義：
a::after {
content: " - this a tag test";
color: blue;字顏色blue
}
注意事項：
這裡加入假元素的內容是字串
程式：
<!DOCTYPE html>
<html>
<head>
<title>css基本定義 after 元素屬性 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
a::after {
content: " - this a tag test";
color: blue;
}
</style>
</head>
<body>
<a href="#1">after 元素屬性 套用樣式</a>
<div>
<a href="#2">after 元素屬性 套用樣式</a>
</div>
</body>
</html>
圖1：
content 的用法還有很多。
測試結束~
如果還不了解可參考：w3schools CSS Selector Reference
感謝~
其它文章
沒有留言:
張貼留言