界面

4 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;
        }