html的小项目,Java培训之HTML小项目的剩余部分

#right{

width:695px;

float:right;

}

#green{

width:662px;

background:url(images/green_bg.jpg) 0 0 no-repeat;

height:181px;

margin:0 0 16px 0;

padding:34px 0 0 32px;

}

#green h2{

display:block;

background:url(images/why_ecode.gif) 0 0 no-repeat;

height:63px;

margin:0 0 10px 0;

text-indent:-2000px;

}

#green p{

display:block;

font:normal 13px/18px Arial, Helvetica, sans-serif;

color:#FFFFC1;

background-color:inherit;

width:256px;

}

#green p span{

font-weight:bold;

color:#fff;

background-color:inherit;

}

#right h3{

display:block;

height:30px;

border-bottom:#C5C5A8 solid 1px;

font:bold 28px/25px Arial, Helvetica, sans-serif;

color:#333333;

background-color:inherit;

margin:0;

}

#right h4{

display:block;

font:bold 17px/46px Arial, Helvetica, sans-serif;

color:#6B1420;

background-color:inherit;

margin:0;

}

#right p.rightTxt1{

display:block;

font:bold 16px/23px Arial, Helvetica, sans-serif;

color:#B3770F;

background-color:inherit;

margin:0 0 18px 0;

}

#right p.rightTxt1 span{

font:normal 13px/23px Arial, Helvetica, sans-serif;

color:#000;

background-color:inherit;

}

#right p.rightTxt2{

display:block;

font:normal 13px/19px Arial, Helvetica, sans-serif;

color:#000;

background-color:inherit;

margin:0 0 28px 0;

}

#right p.rightTxt2 span{

color:#000;

background-color:#F4F4E3;

}

#flash{

width:631px;

background:url(images/flash_1px.gif) 0 0 repeat-x;

padding:22px 32px 17px 32px;

}

#flash img{

float:left;

font-size:0;

line-height:0;

}

#flash ul{

width:255px;

height:15px;

padding:0 230px 0 0;

float:right;

margin:0 0 10px 0;

}

#flash ul li.redBg{

display:block;

background:url(images/red_bg.gif) 0 0 no-repeat;

width:76px;

height:15px;

font:bold 10px/15px "Trebuchet MS", Arial, Helvetica,

sans-serif;

color:#fff;

background-color:inherit;

text-align:center;

margin:0 3px 0 0;

float:left;

}

#flash ul li.blackBg{

display:block;

background:url(images/black_bg.gif) 0 0 no-repeat;

width:131px;

height:15px;

font:bold 10px/15px "Trebuchet MS", Arial, Helvetica,

sans-serif;

color:#fff;

background-color:inherit;

margin:0;

float:left;

padding:0 0 0 5px;

}

#flash p{

float:right;

font:bold 13px/18px Arial, Helvetica, sans-serif;

font-style:italic;

color:#056888;

background-color:inherit;

display:block;

width:483px;

margin:0 0 3px 0;

}

#flash p span{

color:#959E07;

background-color:inherit;

}

#flash  a{

display:block;

background:url(images/read_more_bg.gif) 0 0 no-repeat;

width:76px;

height:21px;

font:bold 11px/21px Arial, Helvetica, sans-serif;

color:#F2F2E2;

background-color:inherit;

text-decoration:none;

margin:0 0 0 181px;

text-align:center;

float:right;

}

#flash  a:hover{

color:#000;

background-color:inherit;

}