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


       今天在做网页时,想在首页加个文本框,实现登陆管理。我想到了163免费邮箱的登陆框,见下图
我想到可能是用了CSS,我就从百度里搜索了关键字“隐藏文本框边框” “改变文本框背景颜色”,没想到我遇到的问题解决了,还学到了一些CSS的知识。我顺便把找到的内容整理了一下:
〈——只显示一条横线的文本框——〉
用一个例子来说明吧:
<html>
<head>
<title>单线文本框</title>
<style type="text/css">
<!--
.xian{border-left-style:none;border-right-style:none;border-style:none; }
-->
</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” 文本框边框颜色和粗细
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值