close

css基本定義 before 元素屬性 套用樣式


支援CSS2 以上

用法：::before 配合 content
說明：
 before 在某元素前 加入 假元素
 content 加入 假元素 的內容

css定義：
a::before {
content: "this a tag test - ";
color: blue;字顏色blue
}
注意事項：
這裡加入假元素的內容是字串

程式：

<!DOCTYPE html>
<html>
<head>
<title>css基本定義  before 元素屬性 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
a::before {
content: "this a tag test - ";
color: blue;
}
</style>
</head>
<body>
<a href="#1">before 元素屬性 套用樣式</a>
<div>
<a href="#2">before 元素屬性 套用樣式</a>
</div>
</body>
</html>

圖1：



content 的用法還有很多。

測試結束~
如果還不了解可參考：w3schools CSS Selector Reference


感謝~




 






 















其它文章


arrow
arrow
    文章標籤
    css selector before 套用 屬性 樣式 定義 css2 w3schools 用法 程式
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄