• CSS-05-伪类及伪元素选择器

     1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7             
 8             .ha{
 9                 text-align: center;
10                 width: 200px;
11                 height: 200px;
12                 background-color: green;
13             }
14             /*hover:鼠标悬停后有动态解释效果*/
15             .ha:hover{
16                 width: 500px;
17                 height: 500px;
18                 background-color: yellowgreen;
19             }
20             
21             /*after:在元素里面的尾部插入内容*/
22             .ha:after{
23                 content: '!!!!';
24                 background-color: red;
25             }
26             
27             /*before:在元素里面的头部插入内容*/
28             .ha:before{
29                 content: '$$';
30                 color: darkblue;
31             }
32         </style>
33     </head>
34     <body>
35         <div class="ha" >伪类及伪元素选择器</div>
36     </body>
37 </html>
  • 相关阅读:
    洛谷单元最短路标准版——spfa优化
    airline
    有依赖的背包
    挖地雷
    带分数问题
    子集和问题
    循环比赛日程表
    传纸条
    机器分配
    分组背包
  • 原文地址：https://www.cnblogs.com/qinqin-me/p/11250112.html
Copyright © 2020-2023  润新知