设计文本框的css样式|萝卜系统

网页的本质就是超级文本标记语言，通过结合使用其他的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所示。

设计哦文本框的样式
【素材及源码下载】

请点击：设计文本框的样式下载本实例相关素材及源码

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

标签:设计文本框的css样式