📄 table.css
字号:
.table1 {
border: 1px solid #2462F4;
margin: 1px;
padding: 1px;
}
/*--上、下无边*/
.table2 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*右无边*/
.table3 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*--table标签全边*/
.table4 {
border: 1px solid #2462F4;
margin: 1px;
padding: 1px;
}
/*--左、右无边*/
.table5 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/* 左无边*/
.table6 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*--上、右、左无边*/
.table7 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*左、上无边-->*/
.table8 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*全边*/
.table9 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*上无边*/
.table10 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*--下、右、左无边*/
.table11 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*--上、下、左无边*/
.table12 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*--下、右无边*/
.table13 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*--上、下、右无边*/
.table14 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*右、上无边*/
.table15 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*下、左无边*/
.table16 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
/*下无边*/
.table17 {
margin: 1px;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: 2462F4;
border-right-color: 2462F4;
border-bottom-color: 2462F4;
border-left-color: 2462F4;
}
.button1 {
BORDER-RIGHT: #2462F4 1px solid; BORDER-TOP: #2462F4 1px solid; BORDER-LEFT: #2462F4 1px solid; COLOR: #2462F4; BORDER-BOTTOM: #2462F4 1px solid; BACKGROUND-COLOR: #FFFFFF}
.button2 {
BACKGROUND: #FFFFFF; COLOR: #2462F4 }
.button3 {
BORDER-RIGHT: #2462F4 1px solid; BORDER-TOP: #2462F4 1px solid; BORDER-LEFT: #2462F4 1px solid; BORDER-BOTTOM: #2462F4 1px solid; }
.button4 {
BORDER-RIGHT: #363636 1px solid; BORDER-TOP: #363636 1px solid; BORDER-LEFT: #363636 1px solid; BORDER-BOTTOM: #363636 1px solid; COLOR: #2462F4 }
.checkbox1
{
background-color: #FFFFFF ;
}
.checkbox2
{
position: absolute;
clip: rect(3 18 18 3);
background-color: blue;
}
.checkbox3
{
position: absolute;
clip: rect(5 19 18 5);
}
.checkbox4
{
position: absolute;
clip: rect(6 15 15 6);
z-index: 9;
}
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn_2k3 {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -