我的磨自用

<style>
body {

background-color: green;
/*网页背景色*/
color: red;
/*默认字颜色*/
padding: 2px 3px 2px 4px
/*网页主体与边缘的距离，分别为上右下左方*/
text-align: center;
/*内容居中显示*/
font-size: 120%;
/*字体尺寸大小*/
font-weight: bold;
/*字体浓淡*/
font-style: Italic;
/*文字风格*/
font-variant: small-caps;
/*字体为小型大写字母*/
font-family: "Times New Roman",Georgia,Serif;
/*字体系列*/
line-height: 18px;
/*文字行距大小*/
background: url(图片链接) no-repeat;
/*背景图链接及重复属性*/
background-size: cover;
/*背景图尺寸*/
position: relative;
/*元素定位。absolute:绝对定位 fixed:相对于浏览器窗口进行定位 relative:相对于其正常位置进行定位 static:默认值，没有定位*/

}

span {

background-color: white;
/*扩展名和"首页上页下页末页"区域背景色*/
color: orange;
/*位置同上，文字颜色*/
border-style: groove;
/*位置同上，边框样式*/
border-color: red;
/*位置同上，文字边框颜色*/
border-width: 1px 1px;
/*位置同上，文字边框粗细，左为横框架，右为竖框架*/
outline: 2px black solid;
/*位置同上，轮廓宽度、颜色、样式*/
box-shadow: inset -2px 2px 10px #06c;
/*位置同上，阴影类型、水平偏移值、垂直偏移值、模糊值、颜色*/
border-radius: 2px 2px 5px 5px;
/*位置同上，圆角属性，分别为左上角，右上角，右下角，左下角*/
background: url(背景图地址) no-repeat scroll;
background-size: cover;
/*背景图属性*/
padding: 2px 3px 2px 3px;
/*位置同上，内边距，分别为上右下左*/
margin: 2px 3px 2px 3px;
/*位置同上，外边距，分别为上右下左*/

}

a {

border-style: solid;
/*链接文字边框样式*/
border-width: 1px 1px;
/*链接文字的边框粗细，左为横框，右为竖框*/
border-color: blue;
/*链接文字的边框颜色*/
color: red;
/*同上位置，文字颜色*/
background-color: black;
/*链接文字的背景颜色*/
text-decoration:overline;
/*链接文字添加上划线*/
outline: 2px black solid;
/*链接文字的轮廓宽度、颜色、样式*/
box-shadow: inset -2px 2px 10px #06c;
/*链接文字阴影，阴影类型、水平偏移值、垂直偏移值、模糊值、颜色*/
border-radius: 2px 2px 5px 5px;
/*链接文字外部，圆角属性，分别为左上角，右上角，右下角，左下角*/
background: url(背景图地址) no-repeat scroll;
background-size: cover;
/*链接文字背景图属性*/
padding: 1px 1px 1px 1px;
/*链接文字内边距，分别为上右下左*/
margin: 1px 2px 1px 2px;
/*链接文字外边距，分别为上右下左*/

}

a:link {
color: #FF0000;
/*未访问链接文字颜色*/
}

a:visited {
color: #00FF00;
/*已访问链接文字颜色*/
}

a:hover {
color: #FF00FF;
/*鼠标悬停处的链接文字颜色*/
}

a:active {
color: #0000FF;
/*被选择的链接文字颜色*/
}

form{

background-color: #000011;
/*评论区背景色*/
background: url(图片链接) no-repeat scroll;
/*评论区背景图*/
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;
/*评论区外边距，分别为上右下左*/

}

.file_list{

font-size: 18px;
/*文件列表区文字尺寸大小*/
background-color: white;
/*文件列表区域背景颜色*/ color: #556688;
/*扩展名字体颜色 ★若前面已用了span部分修改将优先显示span部分*/
border: 2px solid red;
/*文件列表区域边框属性，分别为宽度，样式，颜色*/
outline: 1px black solid;
/*文件列表区的轮廓宽度、颜色、样式*/
box-shadow: inset -2px 2px 3px black;
/*文件列表区阴影，阴影类型、水平偏移值、垂直偏移值、模糊值、颜色*/
border-radius: 2px 2px 2px 2px;
/*文件列表区的圆角属性，分别为左上角，右上角，右下角，左下角*/
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: lightskyblue;
/*文件名背景色*/
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;
/*扩展名前面插入内容的文字阴影，分别为水平阴影、垂直阴影、阴影距离、阴影颜色*/
}
.pagination {

margin: 2px 1px 2px 1px;
/*与外边缘的距离，分别为上右下左外边距*/
background-color: white;
/*"首页上页下页末页"区域背景色*/
color:red;
/*"首页上页下页末页"区域字体颜色*/
text-shadow: 0px 0px 3px gray;
/*"首页上页下页末页"的文字阴影，分别为水平阴影、垂直阴影、阴影距离、阴影颜色*/

}
.pagination span,.pagination a{

color:red;
/*"首页""上页""下页""末页"文字颜色*/
border:1px solid green;
/*"首页""上页""下页""末页"文字的边框*/

}

#whole_body {

background: url(背景图链接) no-repeat scroll,url(logo地址) no-repeat scroll right bottom;
/*背景图属性，右下角logo属性*/
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
/*圆角边框。-moz-适用于Firefox浏览器，而-webkit-则是用于Safari/Chrom浏览器 */
background-size:320px;
/*背景图尺寸*/
box-shadow : inset -3px 3px 15px #111;
-webkit-box-shadow :inset -3px 3px 15px #111;
-moz-box-shadow :inset -3px 3px 15px #111;
/*阴影效果*/
max-width : 640px;
/*网页主体宽度最大值*/
text-align : center;
/*文字居中*/
margin: auto;
/*网页主体的外边距*/
padding : 10px 5px;
/*主体网页内文字与边缘距离*/
margin: 5px 2px;
/*网页边框与网页边缘距离*/
width: 640px;
/*网页主体宽度*/

}

textarea,input[type="input"],input[type="text"] {

background: black;
/*输入框填充颜色*/
color: white;
/*输入框内字体颜色*/
padding: 2px;
/*输入文字与输入框条距离*/

}
button,input[type="button"],input[type="submit"]{
/*submit用于提交表单，button用于JavaScript执行。若要区别开来用，把其中一个移开再新建即可*/
background: #333;
/*按钮背景色*/
color: #EEE;
/*字体颜色为白*/
border: 1px solid transparent;
/*按钮大小*/
box-shadow: 0 0;
/*按钮阴影*/

}
img {

max-width:98%;
/*图片显示最大宽度*/

}
a[href="/cat/"]{

background: blue;
/*各个分类名的背景颜色*/
color: white;
/*各个分类名的字体颜色*/
border: 1px groove green;
/*各个分类名的边框宽度、样式、颜色*/
background: url(背景图链接) no-repeat scroll;background-size: cover;
/*各个分类名的背景图*/

}

a[href^="http://wodemo.com/"],a[href="http://s.wodemo.com/admin"],a[href^="http://s.wodemo.com/logout"]{

color:green;
/*"最新""管理""退出""English""中文""磨""登录""注册"颜色*/
border:2px solid red;
/*"最新""管理""退出""English""中文""磨""登录""注册"边框*/

}

</style>