HTML和CSS结合做的一个计算器的简单页面

最新推荐文章于 2024-07-02 17:35:34 发布

蓝枫amy

最新推荐文章于 2024-07-02 17:35:34 发布

阅读量2.5k

点赞数 1

分类专栏： java基础 java基础文章标签：黑马程序员

本文链接：https://blog.csdn.net/u014005316/article/details/36448691

版权

这是一个使用HTML和CSS实现的简单计算器页面。页面包含一个文本输入框和一系列按钮，包括数字、运算符以及清除和等于按钮。CSS用于样式化按钮和输入框，如设置尺寸、背景颜色以及悬停效果。

摘要由CSDN通过智能技术生成

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<style type="text/css">

  td input[type = "button"]{
  		width:60px;
  		height:50px}
  		
   input[type = "text"]{
  		width:315px;
  		height:60px
  }
  #name01{width:120px;
  		height:50px}
  #name02{width:60px;
  		height:110px}
  		
  input[type = "button"]:hover{
  	background-color: green;
  }
  
  div{
  	background-color: yellow;
  	float: left;
  }

</style>

</head>
<body>
 <form>
 <div>
	<table>
		<tr colspan = "5"><input type = "text"></tr>
		<tr>
			<td><input type = "button" value = "MC"></td>
			<td><input type = "button" value = "MR"></td>
			<