班级学生信息表，HTML/Vue代码在线实时编辑、预览

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

            
                1
2
3
4
5
6

            
            <ul>
  <li class="student boy">小明</li>
  <li class="student girl">小红</li>
  <li class="student boy monitor">小刚（班长）</li>
</ul>

</body>

CSS

格式化

            
                1
2
3
4
5
6
7
8
9
10
11
12

            
            .student {
  color: black;
}
.boy {
  font-weight: bold;
}
.monitor {
  background-color: gold;
}
.girl {
  color: pink;
}

格式化

            
                1
2

            
            // 示例代码
console.log(["Hello 笔.COOL 控制台"])

预览

控制台

清空