HTML學習：計算器-表格版+CSS

阿新 • • 發佈：2018-12-20

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>計算器-表格版+css</title>
		<style>
			td{
				font-size: 30px;
			}
			table{
				width: 35%;
				margin: 0 auto;
			}
			.classtr{
				text-align: center;
				background-color: deepskyblue;
			}
			.classtd{
				width: 25%;
			}
			.classbg{
				background-color: dimgray;
			}
			#inner{
				border: 1px solid red;
				height: 99.5%;
			}
		</style>
	</head>
	<body>
		<table height="90px" cellspacing="0" class="classbg">
			<tr>
				<td>
					&nbsp;&nbsp;&nbsp;&nbsp;<font style="color:red">●
					<font style="color: blue">●
					<font style="color:yellow">●
				</td>
			</tr>			
			<tr>
				<td height="50px" >
					<table style="width: 99%;" cellspacing="0" id="inner">
						<tr>
							<td bgcolor="white"></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<table  cellspacing="5" height="450px" class="classbg">
			<tr class="classtr">
				<td class="classtd">AC</td>
				<td class="classtd">+/-</td>
				<td class="classtd">%</td>
				<td>&divide;</td>
			</tr>
			<tr class="classtr">
				<td>7</td>
				<td>8</td>
				<td>9</td>
				<td>&times;</td>
			</tr>
			<tr class="classtr">
				<td >4</td>
				<td>5</td>
				<td> 6</td>
				<td>-</td>
			</tr>
			<tr class="classtr">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>+</td>
			</tr>
			<tr class="classtr">
				<td>0</td>
				<td>&lt;-</td>
				<td>.</td>
				<td>=</td>
			</tr>
		</table>
	</body>
</html>

HTML學習：計算器-表格版+CSS

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>計算器-表格版+css</title> <styl

HTML學習：計算機-表格版

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>計算器-表格版</title> </head>

HTML學習：計算器-最終版

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>計算器-最終形態</title> <style&g

JavaScript學習：計算器-heml+css+javascript功能的實現

html程式碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>計算器-最終形態</title> &

HTML學習筆記基礎表格第二節（原創）

utf 空心圓無序列表 har ble 學習 oot order 有序 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title

HTML學習筆記 CSS表格及輪廓案例第八節（原創）參考使用表

idt ali char ID utf-8 內邊距 AC utl 參考 #tb, tb1, tr, th, td { border: 5px solid blue; /*加邊框*/ padding: 5px; /*內邊距*/ }

html篇：純JavaScript 網頁版計算器calc，支援多級運算

//按鍵=號後，被呼叫 //解析顯示框中的等式字串為一個正確無誤的數字結果 function parse(content) { //尋找顯示框中的等式字串的最後的一個左括號 var index = content.lastIndexOf("("); //如果等式中有左括號 if

HTML 學習筆記（4）樣式- CSS，影象，表格，列表

轉載： HTML 簡介 CSS (Cascading 串聯 Style Sheets) 用於渲染HTML元素標籤的樣式. CSS 可以通過以下方式新增到HTML中: 內聯樣式- 在HTML元素中使用"style" 屬性 <a href="http://www.

Html學習之十七（表格與表單學習--排行版制作）

com blue float tab -- 分享圖片 sandy ng- 排行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Java學習：HTML入門

網頁重置自我介紹回滾標簽 color 公式 target coord HTML HTML基本標簽 <html> --html開始標簽 <head> -- 文件頭（用戶在瀏覽器的主體是看不到的） </head> <bo

HTML學習筆記 CSS學習選擇器第五節（原創）

ext spa family 如果 styles ctype css gre utf <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

HTML學習筆記 CSS樣式第六節（原創）

Y軸重復 eight -i tac 圖片 500px itl idt <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&

HTML學習筆記 CSS塊元素加偽類選擇器第三節（原創）

筆記 solid oct 元素是否選擇器 size set 區域 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g

HTML學習筆記 css定位浮動及瀑布流第十三節（原創）

oct adding styles gin ima alt eight div height <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

HTML學習筆記 CSS學習選擇器案例第五節（原創）參考使用表

樣式 back ack aid head 派生選擇器 char logs pan <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記基礎標簽及css引用案例第一節（原創）參考使用表

set utf har del 文件定義 .com eight head <!DOCTYPE html><html lang="en"><!--表示網頁文字以什

HTML學習筆記 CSS背景樣式案例第六節（原創）參考使用表

ext jpg class 設置 link eight text spa .com <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 css定位浮動及瀑布流案例第十三節（原創）參考使用表

20px 筆記 lis containe use cor ack 100% set #fd { width: 100px; height: 150px; background-color: forestgreen; float: left;

HTML學習筆記：基本結構

oot sid html htm body nav 無序獨立 ade <head>：頭部 <body>：主體 <title>：標題 <h1>：分級標題 <hgroup>：分級標題分組 <header>

了解PS、學習使用html語義化標簽和CSS術語

什麽意義文本聲明 style 換行網頁編寫新聞相信在不久的將來，在中國市場，軟件開發與設計及行業將日益成熟，在學習的過程中我們也應當與時俱進，了解當下最新使用的各種軟件技術。在PS的學習中，我目前只是進行了一個簡單的了解，了解到如何正確

HTML學習：計算器-表格版+CSS

相關推薦