|M| 麻烦大家有没有一个样式组可以共享一下 万分感谢
现在要给页面添加几个样式,也就是可以改变样式的
不用很复杂的
比如
style1.css
定义了A,text,button...
style2.css
定义了A,text,button...
style3.css
定义了A,text,button...
也就是简单的变颜色的那种可改图片的
谢谢
[解决办法]
自己写三,简单
[解决办法]
BODY
{
color: #000000;
FONT-FAMILY: "Verdana ", "Arial ", "Helvetica ", "sans-serif ";
line-height: 125%;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
font-size: 9pt;
background-color:White;
font-size:9pt;
text-align:center;
height:100%;
}
A.sort
{
FONT-SIZE: 10.2pt;
COLOR: white;
TEXT-DECORATION: none
}
A:link
{
font-size: 9pt;
color: #006699;
line-height: 15pt;
font-family: 宋体;
text-decoration: underline;
}
A:visited
{
FONT-SIZE: 9pt;
COLOR: #006699;
LINE-HEIGHT: 15pt;
FONT-FAMILY: 宋体;
TEXT-DECORATION: underline;
}
A:active
{
FONT-SIZE: 9pt;
COLOR: #ff0000;
LINE-HEIGHT: 15pt;
FONT-FAMILY: 宋体;
TEXT-DECORATION: none;
}
A:hover
{
FONT-SIZE: 9pt;
COLOR: #ff0000;
LINE-HEIGHT: 15pt;
FONT-FAMILY: 宋体;
TEXT-DECORATION: none;
}
A.Linkword:link
{
COLOR: blue;
LINE-HEIGHT: 15pt;
FONT-FAMILY: 宋体;
TEXT-DECORATION: underline
}
A.Linkword:visited
{
COLOR: blue;
LINE-HEIGHT: 15pt;
FONT-FAMILY: 宋体;
TEXT-DECORATION: none
}
.a1
{
BACKGROUND-IMAGE:url( '../images/title.gif ');
COLOR:#000000;
cursor:pointer;
}
.a2{BACKGROUND-COLOR: #C6C3C6;}
.a3{BACKGROUND-COLOR: #FFFFFF;}
.a4{BACKGROUND-COLOR: #EFEFEF;}
TABLE
{
FONT-SIZE: 12px;
border-color:White;
border-bottom-color:White;
border-left-color:White;
border-right-color:White;
border-top-color:White;
font-family: "宋体 ";
}
[解决办法]
TR
{
FONT-SIZE: 9pt
}
TD
{
FONT-SIZE: 9pt
}
BUTTON.button
{
FONT-SIZE: 9pt;
HEIGHT: 20px;
border-style:outset;
border-width:thick;
}
INPUT
{
FONT-SIZE: 9pt;
border-style:groove;
border-width:thin
}
FORM
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
}
SELECT
{
FONT-SIZE: 9pt
}
TEXTAREA
{
FONT-SIZE: 9pt
}
.ArticleContent
{
FONT-SIZE: 9pt; line-height:200%
}
.white
{
font-family: "宋体 ";
font-size: 9pt;
line-height: 15pt;
color: #FFFFFF;
text-decoration: none
}
.black9
{
font-family: "宋体 ";
font-size: 9pt;
line-height: 15pt;
color: #000000;
text-decoration: none
}
.gray9
{
font-family: "宋体 ";
font-size: 9pt;
line-height: 15pt;
color: gray;
text-decoration: none
}
.black10
{
font-family: "宋体 ";
font-size: 10.5pt;
line-height: 15pt;
color: #000000;
text-decoration: none
}
.caption {
font-family: verdana, geneva, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #cc6600;
}
.orangehead
{
font-family:宋体;
font-size:12pt;
font-weight:bold;
line-height:20pt;
color: #cc6600;
}
a.blacknone {
text-decoration: none;
color: #000000;
}
a.bluenone:link {
text-decoration: none;
color: #0014A0;
}
a.bluenone:visited {
text-decoration: none;
color: #0014A0;
}
a.purplenone:link {
text-decoration: none;
color: #840084;
}
a.purplenone:visited {
text-decoration: none;
color: #840084;
}
a.whitenone {
text-decoration: none;
color: #ffffff;
}
a.grey6none {
text-decoration: none;
color: #666666;
}
a.grey9none {
text-decoration: none;
color: #999999;
}
a.orangenone {
text-decoration: none;
color: #cc6600;
}
A.orangenone:visited
{
text-decoration: none;
color: #cc6600;
}
a.orangenone_buynow {
text-decoration: none;
color: #cc6600;
}
a.orangeline {
color: #cc6600;
}
a.blue { font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
a.blue:link{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
a.blue:hover{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
a.blue:visited{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
input.textfeild
{
font-size: 9pt;
border: #CCCCCC;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}
TEXTAREA.textfeild
{
font-size: 9pt;
border: #CCCCCC;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.TipMsgDiv {
/*提示信息Div块样式*/
BORDER-RIGHT:#455690 1px solid;
BORDER-TOP:#a6b4cf 1px solid;
Z-INDEX:99999;
LEFT:0px;
VISIBILITY:hidden;
BORDER-LEFT:#a6b4cf 1px solid;
WIDTH:180px;
BORDER-BOTTOM:#455690 1px solid;
POSITION:absolute;
TOP:0px;
HEIGHT:116px;
BACKGROUND-COLOR:#c9d3f3;
}
.TipMsgTbl {
/*提示信息Table样式*/
BORDER-TOP:#ffffff 1px solid;
BORDER-LEFT:#ffffff 1px solid;
}
.TipMsgTopTd {
/*提示信息上面一行Td样式*/
BACKGROUND-IMAGE:url(../images/TipMsgTopBg.gif);
PADDING-RIGHT:1px;
PADDING-BOTTOM:1px;
font-size:9pt;
}
.TipMsgBottomTd {
/*提示信息Td样式*/
BACKGROUND-IMAGE:url(../images/TipMsgBottomBg.jpg);
PADDING-RIGHT:1px;
PADDING-BOTTOM:1px;
}
.TipMsgInfDiv {
/*提示信息内容Div块样式*/
BORDER-RIGHT: #b9c9ef 1px solid;
PADDING-RIGHT: 13px;
BORDER-TOP: #728eb8 1px solid;
PADDING-LEFT: 13px;
FONT-SIZE: 9pt;
PADDING-BOTTOM: 13px;
BORDER-LEFT: #728eb8 1px solid;
WIDTH: 100%;
HEIGHT: 100%;
COLOR: #1f336b;
PADDING-TOP: 18px;
BORDER-BOTTOM: #b9c9ef 1px solid;
}
.EG_HeaderCSS{
/*DataGrid页眉*/
background-color: RGB(119,169,201);
font-size: 9pt;
font-family:宋体;
color:Black;
font-weight: bold;
height:15px;
}
.EG_ItemCSS{
/*DataGrid奇数行*/
background-color: RGB(255,255,255);
height:15px;
font-size:9pt;
color:#000000;
}
.EG_AlternatingItemCSS{
/*DataGrid偶数行*/
background-color: #F3F3F3;
height:15px;
font-size:9pt;
color:#000000;
}
.EG_FooterCSS{
/*DataGrid最后一行*/
background-color: #990000;
font-weight: bold;
color: white;
height:20px;
font-size:9pt;
}
[解决办法]
找个大网站，比较简洁干净、布局合理的。查看源文件，找到如：
<link rel= "stylesheet " href= "/csdn.css "> ,这个是CSDN的，然后把路径往迅雷等里面一加，下载回来慢慢用吧。
我一直这么干，感觉不错，特别是163等网站的css，注释写得挺全的，方便使用.......
[解决办法]
你直接去找一些CSS模板啦，例如Mollio：
http://www.mollio.org
然后配色你想怎么改都可以。
[解决办法]
同意 knifesky(有事烧纸)
[解决办法]
.table1 {
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}
.table2 {
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: #D1E6F7;
border-right-color: #D1E6F7;
border-bottom-color: #D1E6F7;
border-left-color: #D1E6F7;
}
.table3 {
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: #A4B5DD;
border-right-color: #A4B5DD;
border-bottom-color: #A4B5DD;
border-left-color: #A4B5DD;
}
.table4 {
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: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.table5 {
border-top-width: 0px;
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: #D1E6F7;
border-right-color: #D1E6F7;
border-bottom-color: #D1E6F7;
border-left-color: #D1E6F7;
}
.table6 {
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: #447EAE;
border-right-color: #447EAE;
border-bottom-color: #447EAE;
border-left-color: #447EAE;
}
.index_top1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #2B518D;
}
.index_top2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
}
.center_left1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #000000;
}
.center_center1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #082F8C;
}
.center_center2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #608CE2;
}
.center_center3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #404040;
}
.center_center4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #FF7200;
}
.login_text1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #404040;
font-weight: bold;
}
.word1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #404040;
}
.word2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #2D518F;
}
.word4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #404040;
font-weight:bold;
}
.word5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: red;
}
.word6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #044AB7;
font-weight:bold;
}
.word7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #2B518D;
font-weight:bold;
}
.word8 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #044AB7;
}
.link:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-decoration: none}
.link:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-decoration: none}
.link:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-decoration: none}
.link:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-decoration: none}
[解决办法]
.link2:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; text-decoration: none}
.link2:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; text-decoration: none}
.link2:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; text-decoration: none}
.link2:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; text-decoration: none}
.link3:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link3:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link3:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link3:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link4:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#608CE2; text-decoration: none}
.link4:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#608CE2; text-decoration: none}
.link4:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#608CE2; text-decoration: none}
.link4:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#608CE2; text-decoration: none}
.link5:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none}
.link5:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none}
.link5:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none}
.link5:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none}
.link6:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link6:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link6:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link6:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2B518D; text-decoration: none}
.link7:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: none}
.link7:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: none}
.link7:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: none}
.link7:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: none}
.link8:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; font-weight: bold; text-decoration: underline}
.link8:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; font-weight: bold; text-decoration: underline}
.link8:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; font-weight: bold; text-decoration: underline}
.link8:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#034AB6; font-weight: bold; text-decoration: underline}
.link9:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#C83806; font-weight: bold; text-decoration: underline}
.link9:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#C83806; font-weight: bold; text-decoration: underline}
.link9:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#C83806; font-weight: bold; text-decoration: underline}
.link9:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#C83806; font-weight: bold; text-decoration: underline}
.link10:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000;}
.link10:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000;}
.link10:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000;}
.link10:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000;}
.link11:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#404040; text-decoration: none}
.link11:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#404040; text-decoration: none}
.link11:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#404040; text-decoration: none}
.link11:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#404040; text-decoration: underline}
.link12:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: none}
.link12:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: none}
.link12:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: none}
.link12:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2D518F; font-weight: bold; text-decoration: underline}
.link13:link { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#084DAC; text-decoration: none}
.link13:active { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#084DAC; text-decoration: none}
.link13:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#084DAC; text-decoration: none}
.link13:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#084DAC; text-decoration: underline}
.link14:link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#7B74F6; text-decoration: none}
.link14:active { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#7B74F6; text-decoration: none}
.link14:visited { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#7B74F6; text-decoration: none}
.link14:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#7B74F6; text-decoration: underline}
.text { FONT-SIZE: 12px; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.text1 { FONT-SIZE: 13px;font-weight: bold; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.text111 { FONT-SIZE: 12px; LINE-HEIGHT: 20px; color: #2B518D; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.style5 {
color: #0066CC;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.style53 {color: #2B518D}
.style55 {
color: #FF3300;
font-weight: bold;
}
.text11 { FONT-SIZE: 18px;font-weight: bold;color:#2B518D; LINE-HEIGHT: 66px; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.unnamed1 {
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: #618DE3;
border-right-color: #618DE3;
border-bottom-color: #618DE3;
border-left-color: #618DE3;
}
[解决办法]
.a1 {
font-size: 12px;
line-height: 18px;
color: #2B518D;
}
.a1:link {
color: #2B518D; text-decoration: none;
}
.a1:active {
color: #2B518D; text-decoration: none;
}
.a1:visited {
color: #2B518D; text-decoration: none;
}
.a1:hover {
COLOR: #2B518D; text-decoration: underline;
}
A.MTPS_GlobalToolbarLinks_msdn {
BORDER-RIGHT: #3366cc 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #3366cc 0px solid; PADDING-TOP: 0px; BORDER-LEFT: #3366cc 0px solid; PADDING-LEFT: 0px; BORDER-BOTTOM: #3366cc 0px solid; PADDING-BOTTOM: 0px; FONT: 12px Arial; VERTICAL-ALIGN: middle; COLOR: #ffffff; TEXT-DECORATION: none
}
A.MTPS_GlobalToolbarLinks_msdn:hover {
BORDER-RIGHT: #ADC9FF 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ADC9FF 1px solid; PADDING-TOP: 0px; BORDER-LEFT: #ADC9FF 1px solid; PADDING-LEFT: 0px; BORDER-BOTTOM: #ADC9FF 1px solid; PADDING-BOTTOM: 0px; FONT: 12px Arial; VERTICAL-ALIGN: middle; COLOR: #ffffff; TEXT-DECORATION: none; BACKGROUND-COLOR: #5781d5
}
A.MTPS_GlobalToolbarLinks_msdn:visited {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT: 12px Arial; VERTICAL-ALIGN: middle; COLOR: #ffffff; TEXT-DECORATION: none
}