本文摘自PHP中文网,作者V,侵删。
css改变文本框颜色的方法:可以利用border-color属性来改变文本框颜色,如【border-color:#0000ff;】。border-color属性用于设置一个元素的四个边框颜色。
相关属性:
border-color属性设置一个元素的四个边框颜色。此属性可以有一到四个值。
(相关视频分享:css视频教程)
实例:
border-color:红,绿,蓝,粉红色;
上边框是红色
右边框是绿色
底部边框是蓝
左边框是粉红色
border-color:红,绿,蓝;
上边框是红色
左,右边框是绿色
底部边框是蓝
border-color:红,绿;
顶部和底部边框是红色
左右边框是绿色
border-color:红色;
所有四个边框是红色
举例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | < style >
p.one
{
border-style:solid;
border-color:#0000ff;
}
p.two
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
p.three
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff;
}
p.four
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}
</ style >
</ head >
< body >
< p class = "one" >One-colored border!</ p >
< p class = "two" >Two-colored border!</ p >
< p class = "three" >Three-colored border!</ p >
< p class = "four" >Four-colored border!</ p >
< p >< b >注意:</ b > "border-color" 属性 如果单独使用则不起作用. 要先使用 "border-style" 属性来设置 borders .</ p >
</ body >
</ html >
|
实现效果:
相关推荐:CSS教程
以上就是css如何改变文本框颜色的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css如何实现ul和li横向排列
详解css中的content属性的用法
火狐加载css不成功怎么办
css rotation属性怎么用
css左浮动怎么写?
css阴影怎么写
css中如何设置英文首字母大写
css怎么设置图片的透明度
css如何实现蒙版效果
css中的流式布局是什么意思
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css如何改变文本框颜色