我的磨css装饰

首页快速留言代码： <form method="POST" action="http:// s.wodemo.com/"> <input type="hidden" name="act" value="file_talk"> <input type="hidden" name="fid" value="这里填留言 版地址后面的几个数字，比如我 的是50028，其它不要修 改"><textarea name="content" cols="20" rows="2">飘过～</ textarea><input type="submit"value="留言"></ a> 首页SOSO搜索代码，不要修 改，直接复制到分类里： <input type="button" value="SOSO搜索" onclick="location.href='http:// wap.soso.com/sweb/ search.jsp?key='+document. getElementById('t').value+' site:wodemo.com';" /> 首页谷歌搜索代码，不要修改， 直接复制到分类里： <form action="http:// www.google.com.hk/search" method="get"> <input type="hidden" name="sitesearch" value="wodemo.com" /> <input type="search" name="as_q" /> <input type="submit" value="谷歌搜索" /> 当前时间代码 当前时间 <script language="javascript">function time_get(){now = new Date() ;h="0"+now.getHours() ;m="0"+now.getMinutes();if (h>9){h=now.getHours()}if (m>9){m=now.getMinutes()} document.write(""+h+":"+m +"");} 年月日星期代码 <script type="text/ javascript">var d = new Date() ;document.write(d.getFullYear() +'年'+(d.getMonth()+1) +'月'+d.getDate()+'日') ;document.write(' 星期'+'日一 二三四五六'.charAt(new Date() .getDay())); 下面一些实用CSS小汇集转载 于◇笑忘书 ◇http://35230.wodemo.com 以下可用于我的磨的美化，用于 CSS中。 【注意】：复制代码时注意带上 该段的开头与结尾部分 （如"body{" 和 "}"），删除【】 部分、分割线以及换行，颜色代 码（如red，#000000，#111） 自行更换，说明仅供参考，因浏 览器显示差异或属性覆盖等问题 可能看不到效果，具体使用请自 行摸索，欢迎各位提供纠正完 善，更多属性代码参考请到 http://www.w3school.com.cn/ css/，谢谢。 〓网页主页定义〓 body { 【网页背景色为绿】 background-color:green; 【默认字颜色为红】 color: red; 【网页框与网页边缘距离】 padding:2px 3px ; 【文字居中,居左用left,居右用 right】 text-align: center; 【字体尺寸为默认的120%,小字 体用9px或其他，由实际情况而 定】 font-size:120%; 【字体浓淡为粗体。normal:默 认值，bold:定义粗体字符， bolder:定义更粗的字符， lighter:定义更细的字符， 100~900: 定义由粗到细的字符，400 等同 于 normal，而 700 等同于 bold】 font-weight: bold; 【文字风格为斜体。normal:默 认值，oblique:倾斜文字】 font-style:Italic; 【字体为小型大写字母】 font-variant:small-caps; 【字体系列为通常字体系列。通 常字体系列名称 有"serif"、"sans- serif"、"cursive"、"fantasy"、" monospace"。提示：建议使用 多个，浏览器将使用其可识别的 第一个值。使用逗号分割每个 值，并始终提供一个通常字体系 列作为最后的选择】 font-family:"Times New Roman",Georgia,Serif; 【文字行距大小】 line-height: 18px; 【背景图片，括号内填图片地 址，如果图片在你的磨里可删除/ down部分 ★若与网页边框一起 用，图片将只能显示在边框外】 background: url(/ down/20121124/44582/a.jpg) 【背景图片重复属性。 这个属性和background-image属 性连在一起使用，决定背景图片 是否重复。如果只设置 background-image属性，没设置 background-repeat属性，在缺省 状态下,图片既横向重复，又竖向 重复。repeat-x:背景图片横向重 复 repeat-y:背景图片竖向重复 no-repeat:背景图片不重复】 repeat-y; 【元素定位。absolute:绝对定位 fixed:相对于浏览器窗口进行定 位 relative:相对于其正常位置进 行定位 static:默认值，没有定 位】 position:relative; } 〓扩展名及首页上页下页末页区 域定义〓 span { 【扩展名和"首页上页下页末 页"区域背景色】 background-color:white; 【位置同上，文字颜色】 color:orange; 【边框样式为槽线式】 border-style: groove; 【位置同上，文字边框颜色】 border-color:red; 【位置同上，文字边框粗细，左 为横框架，右为竖框架】 border-width: 1px 1px; } 〓链接文字定义〓 a { 【边框样式为直线式】 border-style: solid; 【链接文字的边框粗细，左为横 框，右为竖框】 border-width:1px 1px; 【同上位置，边框颜色】 border-color: blue; 【同上位置，文字颜色】 color:gold; 【链接文字的背景颜色】 background-color:gold; 【链接文字添加上划线】 text-decoration:overline; } 〓评论区域定义〓 form{ 【评论区域背景颜色】 background-color:#000011; 【评论区域字体颜色】 color:red; } 〓未访问的链接〓 a:link { 【未访问的链接颜色】 color: #FF0000 } 〓已访问的链接〓 a:visited { 【已访问的链接颜色】 color: #00FF00 } 〓当有鼠标悬停在链接上〓 a:hover { 【鼠标停留链接的颜色】 color: #FF00FF } 〓被选择的链接〓 a:active { 【被选择链接的颜色】 color: #0000FF } 〓文件列表区域定义〓 .file_list{ 【文件列表区域背景颜色为白】 background-color:white; 【扩展名字体颜色 ★若前面已用 了span部分修改将优先显示span 部分】 color:#556688; 【文件列表区域的文字尺寸为小 字体】 font-size:9px; 【文件列表区域边框属性，分别 为宽度，样式，颜色】 border:2px solid red; } 〓文件列表文件名区域〓 .file_list li{ 〓文件列表区域分割线〓 【文件名下边框线(即下划线)粗 细】 border-bottom:1px 【同上，样式】 solid 【同上，颜色】 lime; } 〓文件扩展名区域〓 .file_list span{ 【扩展名字体颜色为红】 color:red; 【扩展名背景色】 background-color:black; } 〓网页边框内定义〓 div { 【默认字颜色为红】 color:red; 【边框样式为双线式。如果浏览 器不支持将默认显示为实线】 border-style: double; 【网页边框颜色，分别为上右下 左框】 border-color: #ff5566 #446600

0033ff #1122ff;

【网页边框粗细，左为横框，右 为竖框】 border-width: 4px 1px; 【文字与网页边框的距离】 padding:3px; 【网页边框内的颜色。如果与 body{background-color:red;}同 时存在，则网页边框外为红色， 边框内为绿色】 background-color:green; 【分类中用到div的部分与周边距 离】 margin:3px 1px; } 〓首页上页下页末页区域定义〓 p { 【与外边缘的距离，分别为上右 下左外边距】 margin:2px 1px 2px 1px 【"首页上页下页末页"区域背景 色】 background-color:white; 【"首页上页下页末页"区域字体 颜色】 color:red; } 〓 网页主体定义〓

whole_body {

【背景图片，可用于添加网站 logo 】 background:url(图片地址) 【背景图不重复】 no-repeat 【背景图随网页下拉而滚动】 scroll 【背景图位置居右，居左用left 居中用center。另外，也可以用 1%-100%表示与左端距离大小】 right 【背景图位置居网页底端，居顶 用top居中用center。同样也可用 1%-100%表示与顶端距离大小】 bottom; 【图片弯曲半径，即调整图片四 角的曲度】 border-radius: 12px; 【背景图尺寸。cover:保持原图 宽高比例，缩放到正好完全覆盖 定义区域 contain:保持原图宽高 比例，缩放到宽度或高度正好适 应指定区域】 background-size:320px; 〓网页圆角定义〓 【圆角半径。-moz-适用于 Firefox浏览器，而-webkit-则是 用于Safari/Chrom浏览器】 -moz-border-radius: 12px; -webkit-border-radius: 12px; 〓网页阴影定义〓 【从左到右分别为阴影类型(若无 默认为投影效果。inset:内阴影 效果)、阴影水平偏移值(即控制 左右阴影。正数值控制左边，负 数值控制右边)、垂直偏移值(即 控制上下阴影。正数值控制上 边，负数值控制下边)、模糊值和 颜色】 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; *padding : 10px 5px; _ padding : 10px 5px; 【网页边框与网页边缘距离】 margin:5px 2px; } 〓输入框定义〓 textarea,input[type="input"] ,input[type="text"] { 【输入框填充颜色为黑】 background:black; 【输入框内字体颜色为白】 color:white; 【输入框内框与外框距离，略大 可以形成双重框架】 border:3px 【边框线样式为实线】 solid 【透明属性，其实系统默认也是 这个】 transparent; 【边框半径，适当调大可发现输 入框由矩形变成椭圆形】 border-radius : 7px; 【阴影，从左到右分别为阴影类 型、阴影水平偏移值、垂直偏移 值、模糊值和颜色，具体见上】 box-shadow : inset 3px 3px 3px #222; 【输入文字与输入框条距离】 padding : 2px; } 〓提交按钮定义〓 【submit用于提交表单，button 用于JavaScript执行。若要区别开 来用，把其中一个移开再新建即 可】 button,input[type="button "] ,input[type="submit"] { 【按钮背景色为黑】 background : #333; 【字体颜色为白】 color : #EEE; 【按钮大小】 border : 1px solid transparent; 【按钮阴影，详情见上】 box-shadow : 0 0 }