css 适用于家庭Zee页面的标准表

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 适用于家庭Zee页面的标准表相关的知识,希望对你有一定的参考价值。

.RAHTable {
	margin:0 0 10px 0;padding:0;
	width:100%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	border-bottom-left-radius:0;
	
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
	
	-moz-border-radius-topright:0;
	-webkit-border-top-right-radius:0;
	border-top-right-radius:0;
	
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
	border-top-left-radius:0;
}

.RAHTable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0;padding:0;
}

.RAHTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
}

.RAHTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
	border-top-left-radius:0;
}

.RAHTable table tr:first-child td:last-child {
	-moz-border-radius-topright:0;
	-webkit-border-top-right-radius:0;
	border-top-right-radius:0;
}.RAHTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	border-bottom-left-radius:0;
}
.RAHTable tr:hover td{ }
.RAHTable tr:nth-child(odd){ background-color:#efeae4; }
.RAHTable tr:nth-child(even){ background-color:#ffffff; }

.RAHTable td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0 1px 1px 0;
	text-align:left;
	padding:5px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}

.RAHTable tr:last-child td{
	border-width:0 1px 0 0;
}

.RAHTable tr td:last-child{
	border-width:0 0 1px 0;
}

.RAHTable tr:last-child td:last-child{
	border-width:0 0 0 0;
}

.RAHTable tr:first-child td{
	background:-o-linear-gradient(bottom, #008c99 5%, #00556e 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008c99), color-stop(1, #00556e) );
	background:-moz-linear-gradient( center top, #008c99 5%, #00556e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#008c99", endColorstr="#00556e");	background: -o-linear-gradient(top,#008c99,00556e);
	background-color:#008c99;
	border:0 solid #000000;
	text-align:center;
	border-width:0 0 1px 1px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.RAHTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #008c99 5%, #00556e 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008c99), color-stop(1, #00556e) );
	background:-moz-linear-gradient( center top, #008c99 5%, #00556e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#008c99", endColorstr="#00556e");	background: -o-linear-gradient(top,#008c99,00556e);
	background-color:#008c99;
}

.RAHTable tr:first-child td:first-child{
	border-width:0 0 1px 0;
}

.RAHTable tr:first-child td:last-child{
	border-width:0 0 1px 1px;
}

以上是关于css 适用于家庭Zee页面的标准表的主要内容,如果未能解决你的问题,请参考以下文章

HTML 适用于iPad和iPhone的CSS样式表

头文件中的 CSS/less 仅适用于索引页面

如何使用 zee 样式主题更改 Wordpress 标题中的字体

SPFx Web 部件的 CSS 适用于它但不适用于页面的其余部分?

AsyncSocket 连接仅适用于家庭网络

角度表中的过滤仅适用于当前页面