@charset "utf-8";
/* CSS Document */
.container
{
width:83em;
height: 100px;
border-top-width: 0.1em;
border-right-width: 0.1em;
border-bottom-width: 0.1em;
border-left-width: 0.1em;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
}
.box1
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:33%;
border:1px solid red;
float:left;
}
.box2
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:34%;
border:1px solid red;
margin-right: auto;
margin-left: 15px;
float: left;
border-radius:5px;
-moz-border-radius:5px; /* 老的 Firefox */
}
.box3
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;
width:33%;
border:1px solid red;
float:right;
width: 30%;
}
/* 圆角 */
.div_yj
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
/* 阴影 */
.div_yy
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
/* 为 body 元素设置两幅背景图片
*/
.div_bodyimg
{
background-image:url(bg_flower.gif),url(bg_flower_2.gif);
}
/* 文字效果图
文本阴影效果！
*/
/*底部*/
.footer2{
background-color: #0057c1;
width: 100%;
height: 145px;
}
.foot_right{
float: none;
color: #FFF;
margin-right: auto;
width: 1000px;
margin-left: auto;
height: 120px;
}
.footer{
width: 10%;
float: right;
background-color: #0057c1;
}