css
小于 1 分钟html
引入 css 文件
<link rel="stylesheet" href="./index.css">
CSS制作上下箭头
下面的示例来自慕课网的“可视化数据 - 大屏系统” 的 TotalSales
// 使用 div 标签应用下面的样式
.increase {
width: 0;
height: 0;
border-width: 5px;
border-color: transparent transparent red transparent;
border-style: solid;
margin: 0 0 8px 5px;
}
.decrease {
width: 0;
height: 0;
border-width: 5px;
border-color: green transparent transparent transparent;
border-style: solid;
margin: 8px 0 0 5px;
}
样式选择器
元素属性选择器
为 html 元素设置属性，然后通过该属性进行选择
<style type="text/css">
div[container1] {
...
}
</style>
<body>
<div container1>111</div>
<div>222</div>
</body>