我们在美化校内网的时候,其中有一个就是对校内网的各种文字进行美化,而文字的字体和颜色是大家较为关心的,因此本人就这些问题给大家讲讲
字体常规样式设置：
<font size="大小" color="颜色" face="字体">被格式的文字</font>
加粗 <b></b> 或 <strong></strong>
倾斜 <i></i>
下划线 <u></u>
删除线 <s></s>
上标 <sup></sup>
下标 <sub></sub>
要设置样式的文字都放在标签中间，如：我的日志<sup>热门</sup>
下面我们用CSS结合校内网来讲一下校内网字体颜色代码
CSS里字体设置的代码:
font-family:字体;
font-weight:样式;
font:样式 大小 字体;
font-size:大小;
CSS里字体颜色的代码:
color:颜色;
校内网里普通文本的字体及颜色设计代码
body {font-size:9pt;color:#000000}
校内网里链接文字样式代码
a:link {font:normal 10pt Arial;color:#43dede;text-decoration:none} <!--链接文字-->
a:visited{font:normal 10pt Arial;color:#43dede;text-decoration:none}<!--访问过的链接文字-->
a:active{font:normal 10pt Arial;color:#AAdede;text-decoration:none}<!--激活时的链接文字-->
a:hover{font:normal 10pt Arial;color:#FFdede;text-decoration:none}<!--鼠标经过的链接文字-->
校内网导航文字代码
#navigation a:link { /*导航链接颜色*/
font-size:12px;
color: #737100;
text-decoration:none;
border:0px;
}
#navigation a:visited{ /*导航访问过的链接颜色*/
font-size:12px;
COLOR: #737100;
text-decoration:none;
border:0px;
}
#navigation A:hover { /*导航激活时链接颜色*/
font-size:12px;
text-decoration:none;
color:#FFFFFF;
background-color:#737100;
}
校内网里标题的字体样式代码
#content h3{ /*标题栏属性*/
padding-top:0px;
color:#737100;
border:0px solid #444444;
background:url(http://www.xneidm.cn/uploadfiles/hr2.jpg) repeat-x BOTTOM;
text-indent:5px;
height:30px;
}
校内网用户状态,资料等字体颜色
#userActions li a{ /*用户状态文字颜色*/
color: #737100;
}
#userActions li a:hover{
color: #737100;
}
.more a,.author a,.boxcont a,.edit a{
color:#737100;
}
H4标题的字体颜色代码
#AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4,#SchoolInfo H4
{
color:#737100;
}
信息字体颜色
#content .info{
color:#737100;
border-top:0px;
}
这里的校内网字体颜色代码可能会不完整,朋友们可以打开校内网页面,然后右击查看源文件,在源代码里查找你想格式的文字,在文字前面就可以看到id=或class=等字体,这就是相关文字的代号了,看下图
再者就是颜色的选择,这里我们用十六进制
方法一:用PS取颜色代码
打开PS,点前景色即可调出拾色器然后就可以看到颜色代码了,复制使用就行了
方法二:用颜色代码表
本站给你收集的颜色代码表
