body{ 
font-weight:normal;
outline:2px black solid;
outline-color:blue;
border:3px solid white;
border-raduise:1px 1px 3px 3px;
display:table;
text-shadow:1px 1px 2px blue;
font-size:18px;
background:pink;
}
span {
color: red;
border-style: dashad; 
border-color: red;
-moz-border-radius:6px 6px 8px 8px; 
-webkit-border-radius:6px 6px 8px 8px;
border-width: 1px 1px;
outline:2px #ffffff solid;
box-shadow:outside -2px 2px 10px #06c; 
border-radius: 7px 7px 8px 8px;
background-size: cover;
padding: 2px 3px 2px 3px;
margin: 2px 3px 2px 3px;
}
a:link {
color: #0000ff;
} 
a:visited {
color: #9370db;
} 
a:hover {
color: #FF00FF;
} 
a:active {
color: #00FF00;
}
#whole_a[href^=“/cat/”]:before
{content:"宣源磨资源分类：";}
a[href^="/cat/"]
{
background: black;
color: purple;
display:inline-table;
border-color:red white green #660022;
border: 3px solid green;
vertical-align:text-top;
-moz-border-radius:5px 5px 7px 7px; 
-webkit-border-radius:5px 5px 7px 7px;
padding:2px 2px 2px 2px;
margin:2px 2px 5px 5px;
text-align:center;
background-size: cover;
}
button,input[type="button"],input[type="submit"]{
/*submit用于提交表单，button用于JavaScript执行。若要区别开来用，把其中一个移开再新建即可*/
background: #333; 
/*按钮背景色*/
color: #00ff00; 
/*字体颜色为白*/
border: 1px outside transparent; 
/*按钮大小*/
box-shadow:outside -2px 2px 10px transparent;
/*按钮阴影*/

} 
form{
background-color: #bc8f8f;
text-align:center;
color: red;
outline:1px green dashed;
box-shadow: outset 2px 2px 5px green; 
border-radius: 2px 2px 5px 5px;
padding: 2px 3px 2px 3px;
margin: 2px 3px 2px 3px;
} 
textarea,input[type="input"],input[type="text"] 
{ 
background: black; 
color: #00ff00; 
padding: 2px; 
} 
.file_list{
counter-reset: xws;
text-align: left;
}
.file_list li{
counter-increment: xws;
margin: 4px auto;
}
.file_list li:before{
content: counter(xws);
background: red;
color: gold;
padding: 2px 4px;
border: 3px solid black;
font:1.1em bold italic;
}
.file_list li:nth-child(-n+9):before{
content: "0"counter(xws);
} 
.file_list{

font-size: 18px; 
/*文件列表区文字尺寸大小*/
background-color: #cd7f32;
color: #556688;
border: 2px solid red;
/*文件列表区域边框属性，分别为宽度，样式，颜色*/
outline: 1px black solid;
/*文件列表区的轮廓宽度、颜色、样式*/
box-shadow: inset -2px 2px 3px black; 
/*文件列表区阴影，阴影类型、水平偏移值、垂直偏移值、模糊值、颜色*/
border-radius: 10px 10px 10px 10px;
/*文件列表区的圆角属性，分别为左上角，右上角，右下角，左下角*/
background: url(背景图地址) no-repeat scroll;
background-size: cover;
/*文件列表区的背景图属性*/
padding: 1px 1px 1px 1px;
/*文件列表区内边距，分别为上右下左*/
margin: 1px 2px 1px 2px;
/*文件列表区外边距，分别为上右下左*/
max-width: 98%;
/*文件列表区的最大宽度*/ 

}

.file_list li{
background-color: lightsky blue;
/*文件名背景色*/
border-bottom: 1px solid lime;
/*文件名下边框线(即下划线)粗细 样式 颜色*/
background: url(图片链接) no-repeat scroll;
background-size: cover;
/*文件名背景图*/
} 

.file_list span{
color: white;
/*扩展名颜色*/
background-color: black;
/*扩展名背景色*/
border: 1px solid red;
/*扩展名边框*/
outline: 0px black solid;
/*扩展名轮廓宽度、颜色、样式*/
box-shadow: inset 1px 1px 3px #062; 
/*扩展名阴影，阴影类型、水平偏移值、垂直偏移值、模糊值、颜色*/
border-radius: 2px 2px 1px 1px;
/*扩展名外部，圆角属性，分别为左上角，右上角，右下角，左下角*/
background: url(背景图地址) no-repeat scroll;
background-size: cover;
/*扩展名背景图属性*/
padding: 1px 1px 1px 1px;
/*扩展名内边距，分别为上右下左*/
margin: 1px 2px 1px 2px;
/*扩展名外边距，分别为上右下左*/ 
text-shadow: 0px 0px 3px gray; 
/*扩展名文字阴影，分别为水平阴影、垂直阴影、阴影距离、阴影颜色*/
}

.file_list span:before{
content: "扩展文件";
/*文件扩展名前面插入内容*/
color: red;
/*文件扩展名前面插入内容的颜色*/
background: black;
/*文件扩展名前面插入内容的背景色*/
text-shadow: 0px 0px 3px gray; 
/*扩展名前面插入内容的文字阴影，分别为水平阴影、垂直阴影、阴影距离、阴影颜色*/
}