CSS 常用样式

1.a 链接,鼠标光标为手指

cursor 属性规定要显示的光标的类型（形状）。

a {
    cursor: pointer;/*手指形态,可以指定图片*/
}

2. div 文本超出长度，为省略号，悬浮文本上面显示全部文字

<div class="overflow-text">这是一个超出长度的文本。</div>

.overflow-text {
    width: 200px; /* 设置容器的宽度 */
    white-space: nowrap; /* 让文本不换行 */
    overflow: hidden; /* 隐藏超出容器的部分 */
    text-overflow: ellipsis; /* 在文本溢出时显示省略号 */
}

.overflow-text:hover {
    white-space: normal; /* 悬停时显示全部文本 */
    overflow: visible; /* 悬停时显示全部文本 */
    background-color: lightgray; /* 可选：添加背景色以突出显示全部文本 */
}

3. table tr 显示斑马线样式

 tr:nth-child(even) {
    background-color: #f2f2f2;
  }