css知识汇总

时间:2023-12-16 15:09:50
<style type="text/css">
table{
border-collapse:collapse;
}
table, td, th{
border:1px solid black;
}
</style>

为表格设置合并边框模型:border-collapse:collapse;

.nav-item:after {
content: '';
position: absolute;
right: 16px;
top: 5px;
width: 5px;
height: 5px;
border: 1px solid #9b9b9b;
border-width: 1px 1px ;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}

向下的三角的实现方法:

原理就是画一个带边框的盒子 两个边不显示,旋转45度角