下面是详细讲解“那些不常用却很有的CSS小结”的完整攻略:
1. webkit-scrollbar
-webkit-scrollbar
伪类用于定义滚动条的样式,只在Webkit内核下生效。我们可以使用它来自定义页面中的滚动条样式。下面是一个示例:
/* 修改滚动条的宽度和背景颜色 */
::-webkit-scrollbar {
width: 8px;
background-color: #f1f1f1;
}
/* 修改滚动条的轨道样式 */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* 修改滚动条的滑块样式 */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
2. text-decoration-skip
text-decoration-skip
属性用于控制文本装饰线(如下划线、删除线等)穿过某些元素的方式。下面是一个示例:
/* 让链接下划线不穿过图片 */
a {
text-decoration-skip: ink;
}
/* 让删除线不穿过文本 */
p {
text-decoration-skip: box-decoration;
}
以上就是关于“那些不常用却很有的CSS小结”的完整攻略,希望能对你有所帮助。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:那些不常用却很有的CSS小结 - Python技术站