经过小小的计算器和大家认识一下相互帮助

2012-06-20

通过小小的计算器和大家认识一下相互帮助这是《细说PHP》第五章课后题的最后一题开学好几天了认识的兄弟没

通过小小的计算器和大家认识一下相互帮助

这是《细说PHP》第五章课后题的最后一题开学好几天了认识的兄弟没几个希望通过一个这个小小的计算器相互认识一下相互督促学习和所有的兄弟做朋友以后有问题相互帮助。
下面是我写的代码：
<!doctype html>
<html>
<head>
<style>
/*计算器主体 no.1 闫宏伟 2012.06.09*/
#container{padding-left:20px;width:880px;height:660px;background:#b6b6b6;border:1px solid black;margin:0 auto;}
/*计算器顶部功能选项 no.1 闫宏伟 2012.06.09*/
#menu{width:880px;height:25px;font-size:24px;text-align:left;padding-top:10px;}
/*计算器显示屏 no.1 闫宏伟 2012.06.09*/
#display{float:left;width:840px;height:70px;margin:10px;background:white;border:1px solid black;text-align:right;padding-top:10px;font-size:60px;}
/*计算器按键部分 no.1 闫宏伟 2012.06.09*/
#content{float:left;width:860px;height:560px;;}
/*计算器顶部功能按键左方框 no.1 闫宏伟 2012.06.09*/
.top{float:left; width:80px;height:80px;margin:10px 0 0 30px;border-top: solid black 2px;border-left: solid black 2px;border-right: solid white 2px;border-bottom: solid white 2px;background:#b6b6b6;}
/*计算器顶部长功能按键 no.1 闫宏伟 2012.06.09*/
.key_lon{float:right;width:211.3px;height:60px;margin:10px;background:#F0F8FF;border:1px solid black;font-size:40px;text-align:center;padding-top:20px; }
/*计算器按键部分 no.1 闫宏伟 2012.06.09*/
#key{width:860px;height:350px;}
/*计算器左侧按键部分 no.1 闫宏伟 2012.06.09*/
#key_left{float:left;width:140px;height:350px;}
/*计算器右侧按键部分 no.1 闫宏伟 2012.06.09*/
#key_right{float:right;width:700px;height:360px;}
/*计算器按键 no.1 闫宏伟 2012.06.09*/
.key{float:left;width:118px;height:58px;margin:10px;background:#F0F8FF;border:1px solid black;font-size:40px;text-align:center;padding-top:20px;}

</style>
</head>
<body>

<div id="container">

<div id="menu">
&nbsp 编辑（E）&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 查看（V）&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp帮助（H）
</div>

<div id="display">0.</div>

<div id="content">

<div id="key_top">
<div class="top"></div>
<div class="key_lon">C</div>
<div class="key_lon">CE</div>
<div class="key_lon">Backspace</div>
</div>
<div style="clear:both;">

<div id="key_left">
<div class="key">MC</div>
<div class="key">MR</div>
<div class="key">MS</div>
<div class="key">M+</div>
</div>

<div id="key_right">
<div class="key">7</div>
<div class="key">8</div>
<div class="key">9</div>
<div class="key">/</div>
<div class="key">sqrt</div>
<div class="key">4</div>
<div class="key">5</div>
<div class="key">6</div>
<div class="key">*</div>
<div class="key">%</div>
<div class="key">1</div>
<div class="key">2</div>
<div class="key">3</div>
<div class="key">-</div>
<div class="key">1/x</div>
<div class="key">0</div>
<div class="key">+/-</div>
<div class="key">.</div>
<div class="key">+</div>
<div class="key">=</div>
</div>
</div>
</div>
</body>
</html>

热点排行

Web前端

经过小小的计算器 和大家认识一下相互帮助

经过小小的计算器和大家认识一下相互帮助