标签归档:html技巧

如何使input标签只显示下划线呢?


摘要:
下文讲述使用css代码使input标签只显示下划线的方法分享,如下所示;

实现思路:
   使用border-top-width,border ****
   分别对各方向的下划线进行设置
 如:
   input{
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
   }

例:
为html中的input标签设置下划线

<meta charset ='utf-8' />
<p>
maomao365.com<br />
html中input只显示下划线的示例说明
</p>
<hr />
<style>
#txtTest1{
  margin:6px;
  width:180px;  
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
}
</style>
下划线文本框:
<input type="text"
 id="txtTest1"
/>
html文本框只设置下划线的示例分享

html文本框只设置下划线的示例分享

HTML u下划线标签功能简介说明


摘要:
下文讲述html中的u下划线标签的功能说明,如下所示;


u下划线标签功能

u标签的功能:
为标签内的文本添加下划线
u标签定义的文本同常规文本风格不同

注意事项:
    1.目前市面上所有浏览器都支持此标签
    2.此标签在html4.01和html5中有不同,
     HTML中u标签已经废弃
     HTML5 中u标签可显示同常规文本风格不同

例:
u下划线标签的示例说明

<meta charset ='utf-8' />
<p>
maomao365.com<br />
html u下划线标签示例说明
</p>
<hr />

www.<u>maomao365</u>.com
html之u下划线标签的示例说明

html之u下划线标签的示例说明

HTML sub下标标签功能简介说明


摘要:
下文讲述html标签的sub标签的功能说明,如下所示;


sub标签功能

sub标签的功能:
生成一个下标文本

注意事项:
    1.目前市面上所有浏览器都支持此标签
    2.此标签在html4.01和html5中是没有差异

例:
sub下标标签的示例说明

<meta charset ='utf-8' />
<p>
maomao365.com<br />
html sub下标标签示例说明
</p>
<hr />

log<sub>2</sub>
html之sub下标示例分享

html之sub下标示例分享