隐藏文本域的边框和改变文本框颜色
来源:百度文库 编辑:神马文学网 时间:2024/04/28 11:53:21
2006-10-26 22:19:00
今天在做网页时,想在首页加个文本框,实现登陆管理。可觉得Dreamweaver中带的文本框样式太难看了,想换个样式,在Dreamweaver中找了半天,也没找到能改变它的样式的方法。我想到了163免费邮箱的登陆框,见下图
我想到可能是用了CSS,我就从百度里搜索了关键字“隐藏文本框边框” “改变文本框背景颜色”,没想到我遇到的问题解决了,还学到了一些CSS的知识。我顺便把找到的内容整理了一下:
〈——只显示一条横线的文本框——〉
用一个例子来说明吧:
单线文本框
注:“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永远是我们的老师~!!!
今天在做网页时,想在首页加个文本框,实现登陆管理。可觉得Dreamweaver中带的文本框样式太难看了,想换个样式,在Dreamweaver中找了半天,也没找到能改变它的样式的方法。我想到了163免费邮箱的登陆框,见下图
我想到可能是用了CSS,我就从百度里搜索了关键字“隐藏文本框边框” “改变文本框背景颜色”,没想到我遇到的问题解决了,还学到了一些CSS的知识。我顺便把找到的内容整理了一下:
〈——只显示一条横线的文本框——〉
用一个例子来说明吧:
用户名:
注:“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永远是我们的老师~!!!
隐藏文本域的边框和改变文本框颜色
怎样改变边框线条的颜色
改变字体和线条颜色的
如何改变控件的字体和字体颜色
File控件文本框的传值和清空
如何改变控件的颜色
制做边框的颜色代码表
颜色里隐藏你的哪些性格?
美丽精致的文本边框荟萃--值得收藏!
美丽精致的文本边框荟萃----------值得收藏!
文本框 回车时不提交, 获取文本内容
引用 【怎么用图片和颜色作日志边框的代码】 - 一个人的下雪天的日志 - 网易博客
文本下拉四边框代码
在PPT中改变超链接的颜色
【指导教程】改变表格背景的颜色
第四十二课:改变背景的颜色
CDR中做多页文本框的链接
【简约的文本框代码集锦】
(精)五款图片颜色边框的代码
【日志制作】五款图片颜色边框的代码
分析站内和站外锚文本的技巧
看嘴唇颜色所隐藏的身体健康问题
保护眼睛(改变窗口颜色,网页和Pdf背景颜色)
宝石的颜色和象征