网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。 【实例介绍】 设计文本框的css样式 表单中的文本框不仅仅可以改变背景、设置透明,如果再配上CSS样式表还可以做出精美 风格的文本框。 【实例代码】
<!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">
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.3059" name=GENERATOR>
<style type="text/css">
input.ys{
border:1 solid #FF9900;
background-color: #FFCC00;
}
</style>
<title>设计文本框的样式</title>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0
marginheight="0" marginwidth="0">
<TABLE class=pages_table cellSpacing=1 cellPadding=2 width=430
align=center border=0>
<TBODY>
<TR>
<TD align=left colSpan=2><B>请您留言</B></TD>
</TR>
<FORM name=form1 action= method=post>
<TR class=pages_row1>
<TD class=row1 align=middle width="22%">主 题:</TD>
<TD width="78%" class=row2><INPUT name=title class="ys"></TD>
</TR>
<TR class=pages_row1>
<TD class=row1 align=middle>姓 名:</TD>
<TD class=row2><INPUT name=author class="ys"></TD>
</TR>
<TR class=pages_row1>
<TD class=row1 align=middle>内 容:</TD>
<TD class=row2><input name="content" type="text" class="ys" value="" size="40 "></TD>
</TR>
<TR class=pages_row1>
<TD class=catBottom align=center colSpan=2><input type="submit" name="Submit" value="提交">
<input name="Submit2" type="reset" value="重置" ></TD>
</TR>
</FORM>
</TABLE>
</BODY>
</HTML>
【代码分析】 上面的代码首先用CSS定义了文本框的边框、背景颜色等样式,接着在HTML中对<input> 标签文本框应用样式,效果如图15.10所示。 【素材及源码下载】
请点击:设计文本框的样式 下载本实例相关素材及源码
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。 |