隐藏文本域的边框和改变文本框颜色

2006-10-26 22:19:00

今天在做网页时，想在首页加个文本框，实现登陆管理。可觉得Dreamweaver中带的文本框样式太难看了，想换个样式，在Dreamweaver中找了半天，也没找到能改变它的样式的方法。我想到了163免费邮箱的登陆框，见下图

我想到可能是用了CSS，我就从百度里搜索了关键字“隐藏文本框边框” “改变文本框背景颜色”，没想到我遇到的问题解决了，还学到了一些CSS的知识。我顺便把找到的内容整理了一下：

〈——只显示一条横线的文本框——〉

用一个例子来说明吧：

<html>
<head>
<title>单线文本框</title>
<style type="text/css">

</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>
用户名：
<input type="text" name="name" class=xian>
</p>
</body>
</html>

注：“BORDER-LEFT-STYLE:none”：不显示左边框
        “BORDER-RIGHT-STYLE: none”：不显示右边框
        “BORDER-TOP-STYLE: none”：不显示上边框
        “BORDER-bottom-STYLE: none”：不显示上边框，加上这条，什么边框也没有了

要实现文本背景颜色和边框颜色只要在CSS语句中加入以下代码就可以了

style="background:#f4eaf1; border: #006699 1px solid"

“backguound:#f4eaf1”：文本框背景颜色

“border: #006699 1px solid” 文本框边框颜色和粗细

好了，就这些了，下面看看我做的界面：

今晚确实学到了很多东西~还得感谢互联网带来的方便啊！！百度、Google永远是我们的老师~！！！

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。