`

css学习笔记

    博客分类：
  • css
CSSASPJavaScriptXHTMLHTML 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

p { font-family: verdana, courier; font-size:24px; font-weight:900; text-decoration:blink; text-shadow:yellow 0px 0px 20px ; text-transform:capitalize; font-variant:inherit;  font-size-adjust: none; }

</style>
<script type="text/javascript">
function test( )
{
//alert(document.getElementById("test").style.texttransForm);
 document.getElementById("test").style.textTransform="lowercase";
  document.getElementById("test").style.lineHeight="80px";
}
function test2( )
{

 var radios=document.getElementsByName("RadioGroup1");
 for(var i=0;i<radios.length;i++)
 {
  if(radios[i].checked)
  {
   alert(radios[i].value);
  }
 }

}
</script>
</head>

<body style="vertical-align:middle; text-align:center;">
<form id="form_Login" runat="server">
<div style="border-left:1px solid #000000; border-left-width:1px; border-bottom:dotted; width:100px; height:100px"></div>
<span  ></span>
<p>
  <label>
  <input type="radio" name="RadioGroup1" value="1"  onclick="test2();" />
    单选</label>
  <br />
  <label>
  <input type="radio" name="RadioGroup1" value="2" onclick="test2();" />
    单选</label>
  <br />
</p>
<span  >
<table style="border-bottom:1px solid #000000; border-left:1px solid #000000; ">
  <tr>
  <td style="text-align:center; vertical-align:bottom"><div  style=" background-color:red; height:200px; width:20px; float:left;" ></div></td>
  <td style="text-align:center; vertical-align:bottom"><div  style=" background-color:red; height:317px; width:20px; float:left;" ></div></td>
  <td style="text-align:center; vertical-align:bottom"><div  style=" background-color:red; height:150px; width:20px; float:left;" ></div></td>
  <td style="text-align:center; vertical-align:bottom"><div  style=" background-color:red; height:317px; width:20px; float:left;" ></div></td>
  </tr>
</table>
<p id="test">kkkka<br/>sdbces</p>
<input type="button" name="Submit" value="提交" onclick="test2();" />

</span>

        <table cellpadding="0" cellspacing="0" border="0" style=" text-align:center; vertical-align:middle; background: url(images/login_noname.jpg) no-repeat;
            width: 647px; height: 317px; margin-top: 150px;">
            <tr>
                <td style="width: 300px; text-align: center;">
                    <table cellpadding="0" cellspacing="0" width="80%" style="margin-top: 40px;">
                        <tr>
                            <td style="text-align:left; text-indent:2em;">
                                欢迎登陆国盾会员系统管理平台，欢迎登陆国盾会员系统管理平台，欢迎登陆国盾会员系统管理平台</td>
                        </tr>
                    </table>
                </td>
                <td style="width: 347px;">
                    <table cellpadding="0" cellspacing="0" width="90%" style="margin-top: 180px;">
                        <tr>
                            <td>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr style="height: 30px;">
                            <td>
                                用户名：</td>
                            <td align="left">
                                <input class="login_input" runat="server" id="txt_UserName" type="text" autocompletytype="disable"/></td>
                        </tr>
                        <tr style="height:30px;">
                            <td>
                                密 码：</td>
                            <td align="left">
                                <input class="login_input" runat="server" id="txt_Pwd" type="password" autocompletytype="disable"/></td>
                        </tr>
                        <tr>
                        
                            <td colspan="2">
                                <asp:ImageButton ID="ImageButton1" runat="server" BorderStyle="None" ImageUrl="~/images/login_button.gif" OnClick="ImageButton1_Click" />
                                <asp:ImageButton ID="ImageButton2" runat="server" BorderStyle="None" ImageUrl="~/images/login_cz.gif" OnClientClick="clears();" />
                                
                          </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    Copyright &copy; 2008 江苏国盾科技实业有限责任公司版权所有，保留所有权力。</td>
            </tr>
        </table>
</form>
 
 
<style type="text/css">
table{width:auto;height:40px;margin:4px;float:left;border:0px/*这个值好像什么都行*/ ;font-size:9pt;
}
td{padding:5px;}
</style>


<table frame=above><tr><td style="line-height:100px">只显示上边框</td></tr></table>
<table frame=below><tr><td>只显示下边框</td></tr></table>
<table frame=vsides><tr><td>只显示左、右边框</td></tr></table>
<table frame=hsides><tr><td>只显示上、下边框</td></tr></table>
<table frame=lhs><tr><td>只显示左边框</td></tr></table>
<table frame=rhs><tr><td>只显示右边框</td></tr></table>
<table frame=void><tr><td>不显示任何边框</td></tr></table>
<table frame=box><tr><td>显示全部边框</td></tr></table>

</body>
</html>

分享到：
| js报表效果
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics