12.伪元素 · 学习笔记

~~~ <title>Document</title> <style> /* 所谓伪元素,就是用css代码生成的元素,不是像p,div,h1这样已经预定义好的元素 */ .one::before{ content:"before"; display: block; width:100px; height: 100px; border:1px solid #333; } .one::after{ content:"after"; display: block; color:red; } </style> </head> <body> <div class="one"> hello world </div> <p>hello world</p> </body> ~~~