界面

3 years ago · 9a943d95f7
parent 8ae11dfb3e
commit 9a943d95f7
2 changed files with 84 additions and 0 deletions
--- a/code/index.jsp
+++ b/code/index.jsp
@ -0,0 +1,24 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link rel="stylesheet" href="./css/tran.css">
+</head>
+<body>
+<div class="box1">
+<div class="title">欢迎使用微化翻译器</div>
+<textarea rows="10" cols="80">输入文本</textarea>
+</div>
+<div class="box2">
+<span class="cho"><font  color="orange">语言选择</font></span>
+<span class="lan">
+<select id="language" name="language">
+	<option class="option" value="1">英文</option>
+	<option class="option" value="0">日文</option>
+</select>
+</span>
+<span><input type="submit"  class="con" value="确定" > </span>
+</div>
+</body>
+</html>
--- a/code/tran.css
+++ b/code/tran.css
@ -0,0 +1,60 @@
+body {
+	font-family: 'Gudea', sans-serif;
+    background: #00A4C1;
+    text-align:center;
+}
+textarea{
+	background: #50C100;
+}
+.box1{
+	/*background: orange;*/
+    padding-bottom:20px;
+    margin-left:30px;
+    margin-right:30px;
+    margin-top:50px;
+}
+.box2{padding:20px;
+    margin-left:30px;
+    margin-right:30px;
+    border-radius:.25em;
+}
+span{
+	float:left;
+	margin:15px;
+	width:200px;
+    height:50px;
+}
+.title{
+	font-size: 2em;
+	font-weight: 700;
+	letter-spacing: -1px;
+	margin: 0.6rem 0; 
+}
+input{
+    vertical-align: middle;
+    padding: 6px 24px;
+    margin: 0px;
+    font-size: 18px;
+    line-height: 24px;
+    white-space: nowrap;
+    cursor: pointer;
+    color: #ffffff;
+    background-color: orange;
+    border-radius: 3px;
+    border: 1px;
+}
+select {
+            outline: 0;
+            background: orange;
+            color: #ffffff;
+            cursor: pointer;
+            border: 1px solid #f10;
+            border-radius: 3px;
+            padding: 6px 24px;
+            font-size: 18px;
+            margin: 0px;
+}
+.option {
+            background: #f1f1f1;
+            color: #f40;
+        }