[推荐]的用横线做成的文本框

转载于 2008-12-17 10:53:00 发布 · 52 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/JemBai/archive/2008/12/17/1356554.html

本文介绍了一种使用HTML和CSS实现文本框下划线效果的方法，通过特定的样式设置，可以在不输入内容时仅显示下划线，适用于表单设计及网页布局优化。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文本框的用横线表示</title>

</head>
<body>

<table width="279" height="133" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left"><p>

<input style="color: #ff0000; background-color: #FFFFFF; border: #006699; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px" size="41">

<input style="color: #ff0000; background-color: #FFFFFF; border: #006699; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px" size="41">

<input style="color: #ff0000; background-color: #FFFFFF; border: #006699; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px" size="41">

</td>
</tr>
</table>
<br><br>
</body>

</html>

转载于:https://www.cnblogs.com/JemBai/archive/2008/12/17/1356554.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。