当前第2页 返回上一页
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 33 34 35 36 37 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title >php中文网(php.cn)</ title >
< 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 >
|
我们来看下运行效果:

相关推荐:html视频教程
以上就是html怎么设置文本框边框颜色的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
Html的<nav>标签功能
Html的版本
怎样设置网页以新窗口方式打开
Html form标签name属性怎么用?form标签的name属性详解
Html浮动元素高度问题讲解
浅谈块状元素和内联元素之间的区别
Html媒体(media)是什么
Html换行符
css全称是什么意思
Html base url是什么?Html base详细解析汇总
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎么设置文本框边框颜色