每日总结-23.4.5

标签：总结每日 padding rgb 23.4 tab font border 255
<%@ 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>
<title>教学管理系统</title>
<style type="text/css">
body {
 background-color: #F5DEB3 
}
table {
    /*表格边框为实线或者是空心双线*/
    border-collapse: collapse;
    /*边框与边框的空间*/
    border-spacing: 0;
}

a {
    color: rgb(30,144,255);
    text-decoration: none;
    font-size: 12px;
}

a:hover {
    color: rgb(30,144,255);
    text-decoration: underline;
    font-size: 12px;
}

a:visited {
    color: rgb(30,144,255);
    font-size: 12px;
}
/*整个tab层居中，宽度为600px*/
#tabDiv {
    width: 600px;
    margin: 1em auto;
    padding-bottom: 10px;
    border-right: rgb(30,144,255) 1px solid;
    border-top: rgb(30,144,255) 1px solid;
    border-left: rgb(30,144,255) 1px solid;
    border-bottom: rgb(30,144,255) 1px solid;
    background: #ffffff;
}
/*tab头的样式*/
#tabsHead {
    padding-left: 0px;
    height: 26px;
    background-color: rgb(255,250,205);
    font-size: 1em;
    margin: 1px 0px 0px;
    color: rgb(30,144,255);
    line-height: 26px;
}
/*已选tab头（超链接）的样式*/
.curtab {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-right: rgb(60, 114, 53) 1px solid;
    font-weight: bold;
    float: left;
    cursor: pointer;
    background: #ffffff;
}
/*未选tab头（超链接）的样式*/
.tabs {
    border-right: rgb(60, 114, 53) 1px solid;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-weight: normal;
    float: left;
    cursor: pointer;
}
p {
    font-size: 12pt;
    text-indent: 2em;
}
li {
      border-bottom-style: solid;
      border-bottom-color: #EEE;
      border-bottom-width: thin;
      height: 25px;
    font-family: "宋体";
    font-size: 12pt;
}
</style>
<script type="text/jscript">    
        //显示tab（tabHeadId：tab头中当前的超链接；tabContentId要显示的层ID）
        function showTab(tabHeadId,tabContentId)
        {
            //tab层
            var tabDiv = document.getElementById("tabDiv");
            //将tab层中所有的内容层设为不可见
            //遍历tab层下的所有子节点
            var taContents = tabDiv.childNodes;
            //将要显示的层设为可见
            document.getElementById(tabContentId).style.display = 'block';          
            //遍历tab头中所有的超链接
            var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a');
            for(i=0; i<tabHeads.length; i++) 
            { 
                //将超链接的样式设为未选的tab头样式
                tabHeads[i].className='tabs'; 
            }
        }
        }
        
</script>
<%
    String display=request.getParameter("display");
    if(display==null){
        display="1";
    }
%>
</head>
<body>
    <div style="width: 100%; font-family: 宋体; text-align: center;"><h1>教师个人主页</h1></div>
    <div id="tabDiv" style="width: 1000px">
        <div id="tabsHead">
            <a id="tabs1" class="tabs" href="Teacher_browse.jsp?display=1">基本资料</a> 
            <a id="tabs2" class="tabs" href="Teacher_browse.jsp?display=2">修改个人信息</a> 
        </div>
        <!--基本资料部分内容-->
        <%if(display.equals("1")){ %>
        <div id="tabContent1" style="display: block">
            <table style="border-width: 0; width: 100%" border="0">
                <tr>
                    <td rowspan="3" style="width: 300px; text-align: center"><img id="obj" alt="教师照片" src="user_wang.png" style="width: 280px" /><br><br><a href="Login.jsp"><button>退出登录</button></a></td>
                    <td colspan="3" rowspan="3">
                        <table border="1" style="border-left-color: rgb(209, 226, 49); border-bottom-color: rgb(209, 226, 49); width: rgb(209, 226, 49); border-top-style: solid; border-top-color: rgb(209, 226, 49); border-right-style: solid; border-left-style: solid; height: 380px; width:700px; border-right-color: rgb(209, 226, 49); border-bottom-style: solid">
                            <tr>
                                <td style="width: 50%; height: 29px">姓名:<%out.print("王建民"); %></td>
                                <td style="width: 50%; height: 29px">电话:<%out.print("13933017276"); %></td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 29px">工号:<%out.print("00544"); %></td>
                                <td style="width: 50%; height: 29px">职称:<%out.print("副教授"); %></td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 29px">专业:<%out.print("软件工程"); %></td>
                                <td style="width: 50%; height: 29px">院系:<%out.print("信息科学与技术");%></td>
                            </tr>
                            <tr>
                                <td colspan="2"  style="height:10px;width:200px">个性签名:
                                    <%out.print("  咱们的这个 扎！娲 Vber。。。。");%>
                                </td>
                            </tr>
                            <tr><td colspan="2"></td></tr>
                        </table>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                </tr>
            </table>
        </div>
        <%} else if(display.equals("2")){ %>
        <!--学习经历部分内容-->
        <div id="tabContent2" style="display: block">
            <table border="1" style="border-left-color: rgb(209, 226, 49); border-bottom-color: rgb(209, 226, 49); width: rgb(209, 226, 49); border-top-style: solid; border-top-color: rgb(209, 226, 49); border-right-style: solid; border-left-style: solid; height: 430px; border-right-color: rgb(209, 226, 49); border-bottom-style: solid; width:1000px">
                <tr>
                <td style="width: 150px; height: 29px">姓名:<%out.print("王建民"); %></td>
                <td style="width: 150px; height: 29px">电话:<%out.print("13933017276");%></td>
                <td rowspan="5">
                    <h2 style="text-align:center">教师准则</h2>
                  
                </td>
                </tr>
                <tr>
                <td style="width: 150px; height: 29px">工号:<%out.print("114514"); %></td>
                <td style="width: 150px; height: 29px">职称:<%out.print("副教授"); %></td>
                </tr>
                <tr>
                <td style="width: 150px; height: 29px">专业:<%out.print("软件工程"); %></td>
                <td style="width: 150px; height: 29px">院系:<%out.print("信息科学与技术");%></td>
                </tr>
                <tr>
                <td colspan="2"  style="height:10px;">个性签名:<br>
                <textarea rows="8" cols="20" name="stu_signature" style="font-size:25px;margin:15px">
                <%out.print("  咱们的这个 扎！娲 Vber。。。。"); %>
                </textarea>
                </td>
                </tr>
                <tr><td colspan="2" align="center"><a href="">
                <button  style="width:140px; height:30px;">修改</button>
                </a></td></tr>
            </table>
        </div>
        <%} %>
    </div><br><br><br>
<hr />
    <div style="text-align: center; width: 100%; font-size: 12px; color: #333;">&copy;版权所有：石家庄铁道大学信息科学与技术学院</div>
</body>
</html>
标签：总结,每日,padding,rgb,23.4,tab,font,border,255
From： https://www.cnblogs.com/laobing6214/p/17293712.html
相关文章

赞助商

阅读排行
