html

計(jì)算器

css

/* CSS Document */

*{

margin-top:0px;

}

body{

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

}

/*整個(gè)頁(yè)面的布局*/

.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;*/

}

/*計(jì)算器的布局*/

.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;*/

}

/*顯示框?qū)傩钥刂?/

.textFace{

width:470px;

height:50px;

margin:0 auto;

margin-top:0px;

font-size:45px;

background:transparent;

}

/*用于計(jì)算器左面區(qū)域，用于顯示歷史計(jì)算過(guò)程*/

.inFaceLeft{

width:148px;

height:334px;

float:left;

}

/*在div表情中加入一個(gè)文本框，用于顯示歷史數(shù)據(jù)*/

.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;

}

圖片