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;}