<!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 © 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>
分享到：
相关推荐
CSS学习笔记CSS学习笔记CSS学习笔记CSS学习笔记
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
### HTML与CSS学习笔记 #### 一、基础知识概述 HTML（HyperText Markup Language）与CSS（Cascading Style Sheets）是构建网页的基础技术。通过学习HTML与CSS，我们可以创建结构化且美观的网页。 - **WWW (World ...
CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...
CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS ...
本资源为【html + css 学习笔记整理.zip】，是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点，包括HTML的基本结构、常用标签及其属性，以及CSS的核心概念如选择器、盒模型、...
css学习笔记学习笔记
个人css学习笔记 精华版 CSS学习笔记中涵盖了CSS的基本概念、分类、基本语法、常用属性等知识点。下面将对这些知识点进行详细的解释和总结。 什么是CSS？ CSS（Cascading Style Sheet）是一种样式表语言，用于...
### CSS+DIV 学习笔记知识点总结 #### 一、CSS 概述 - **CSS 定义**：层叠样式表（Cascading Style Sheets, CSS）是一种用于定义网页表现形式的语言，它使得开发者能够独立地管理和控制文档的内容与样式。 - **CSS...
【标题】"Metro UI CSS学习笔记Demo"是一个关于利用Metro UI CSS框架进行Web设计和开发的实践案例集合。这个框架灵感来源于Windows 8的Modern UI风格，为网页设计师提供了构建现代、简洁且互动性强的界面的可能性。...
本资源是一套详尽的HTML和CSS学习笔记，旨在帮助初学者搭建坚实的Web开发基础。通过这份资料，学习者可以掌握HTML的基本标签和结构，如段落、标题、链接等，并了解如何使用CSS进行样式设计和布局控制。内容涵盖从...
### 级联样式表CSS学习笔记 #### 一、设置CSS的几种方式 在网页设计与开发过程中，级联样式表（Cascading Style Sheets，简称CSS）是一种用来描述HTML文档外观和格式的语言。CSS提供了多种应用方式，以便开发者...
"韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之DIV+CSS学习笔记" 本资源主要讲解了 DIV+CSS 的概念和应用， DIV 是 HTML 文档中用来提供结构和背景的元素，而 CSS 是一种用来表现 HTML 或 XML 等文件式样的...
这份“我的HTML+Css学习笔记”无疑是对于初学者来说极好的资源，它涵盖了从基础到进阶的重要概念。 HTML是网页内容的结构语言，通过一系列标签来定义网页的各个部分，如`<head>`、`<body>`、`<h1>`至`<h6>`的标题、...
在`CSS学习笔记-01.md`、`CSS学习笔记-02.md`和`CSS学习笔记-03.md`中，可能会深入讲解这些概念，包括更多选择器用法、布局技巧、CSS3特效和预处理器的使用，帮助读者逐步掌握这个强大的样式语言。
以上内容总结了DIV CSS学习笔记中的关键知识点，包括文档类型声明、CSS选择器、CSS引入方式、布局模型以及背景与边框设置。这些知识对于前端开发者来说至关重要，能够帮助他们创建结构良好、样式丰富的网页。