css积累

最新推荐文章于 2024-06-04 13:28:25 发布

最新推荐文章于 2024-06-04 13:28:25 发布 · 95 阅读

文章标签：

#设置滚动条颜色 #圆角矩阵 #表格边框不叠加

web前端专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何通过CSS设置滚动条颜色、实现圆角矩阵效果、以及优化表格边框显示，包括滚动条颜色自定义、圆角矩阵应用、表格边框不叠加的实现方法。

1.设置滚动条的颜色

.row {
		scrollbar-face-color:#C00;//滚动的颜色
		scrollbar-highlight-color:#F60;//滚动条高亮时的颜色
		scrollbar-3dlight-color:#F00;//滚动条边框的颜色
		scrollbar-darkshadow-color:#0f0;//阴影部分较暗处的颜色
		scrollbar-Shadow-color:#0f0;//阴影部分的颜色
		scrollbar-arrow-color:#FFF;//箭头的颜色
		scrollbar-track-color:#5fc;//滚动条未达区域的颜色
	}

2.圆角矩阵

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;

3.表格边框不叠加

<table border="1" borderColor="blue" cellpadding="5" style="border-collapse: collapse;">
	<tr>
		<td>123</td>
		<td>123</td>
		<td>123</td>
		<td>123</td>
	</tr>
	<tr>
		<td>123</td>
		<td>123</td>
		<td>123</td>
		<td>123</td>
	</tr>
</table>