after和before選擇器怎麼用？ after和before選擇器詳解
- 云罗郡主轉載
- 2018-11-21 17:23:174417瀏覽
這篇文章帶給大家的內容是關於after和before選擇器怎麼用？ after和before選擇器詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
在CSS3中，我們可以使用::before和::after這兩個選擇器在元素前面或後面加入內容。這兩個選擇器常和"content屬性"配合使用，使用的場景最多的就是清除浮動和建立小圖示。
程式碼如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 ::before和::after选择器</title>
<style type="text/css">
div::before
{
content:"php中文网";
}
</style>
</head>
<body>
<div>CSS3教程</div>
</body>
</html>如圖所示：
#分析：
##::before和：： after這兩個選擇器都是配合content屬性在元素之前或之後插入內容、圖片、多媒體等。這2個選擇器非常有用，甚至可以用來設計各種小圖示：
CSS3教程，請關注PHP中文網。
以上是after和before選擇器怎麼用？ after和before選擇器詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：lvyestudy.com。如有侵權，請聯絡admin@php.cn刪除