【原】网页版计算器

html

计算器

css

/* CSS Document */

*{

margin-top:0px;

}

body{

background-image:url(12b0000O230-16050[1].jpg);

}

/*整个页面的布局*/

.divFace{

width:800px;

height:437px;

margin:0 auto;

margin-top:50px;

position:absolute;

margin-left:300px;

}

/*div里面的top布局*/

.inFaceTop{

width:800px;

height:100px;

/*border-bottom:1px #333333 solid;*/

}

/*计算器的布局*/

.counterFace{

width:500px;

border-top:0px;

border-bottom:0px;

margin:0 auto;

float:left;

}

.counterFace table{

width:495px;

height:337px;

margin-left:5px;

/*border-bottom:1px #333333 solid;*/

}

/*显示框属性控制*/

.textFace{

width:470px;

height:50px;

margin:0 auto;

margin-top:0px;

font-size:45px;

background:transparent;

}

/*用于计算器左面区域，用于显示历史计算过程*/

.inFaceLeft{

width:148px;

height:334px;

float:left;

}

/*在div表情中加入一个文本框，用于显示历史数据*/

.textareaFace{

width:148px;

height:330px;

font-size:20px;

background:transparent;

background:url(left.jpg);

font-family:"楷体_GB2312";

font-size:24px;

}

.inFaceRight{

width:148px;

height:334px;

float:right;

margin-left:647px;

position:absolute;

}

input{

width:80px;

height:50px;

font-size:18px;

font-family:"宋体";

font-style:inherit;

border:1px solid #FFFFFF;

}

/*靠在右面的，用于写帮助信息的*/

.helpRight{

position:absolute;

margin-top:50px;

}

图片