css设置div边框颜色的方法:首先创建一个HTML示例文件;然后定义一个div;最后通过给该div添加“border-color”或者“border-left-color”等属性来设置边框颜色即可。
本文操作环境:Windows7系统、HTML5&&CSS3版、Dell G3电脑。
css给div加边框颜色
1、css为div四个边分别添加边框
border-color:#000(设置4边边框颜色为黑色) border-color:+颜色值,即可设置对象边框颜色 border-left-color:#000 设置左边框颜色为黑色 border-right-color:#000 设置右边框颜色为黑色 border-top-color:#000 设置上边框颜色为黑色 border-bottom-color:#000 设置下边框颜色为黑色
条件:必须设置对象边框存在,设置边框宽度必须大于或等于1px,边框颜色才会显示并有存在意义。
如:
.div{ border-style: solid; border-width: 1px; border-color: #000; }
这样就设置对象边框为实线边框,边框宽度(厚度)为1px,边框颜色为黑色,这样设置边框颜色才会生效。
二、边框颜色样式设置缩写简化
.div{ border-style:solid; border-width:1px; border-color:#000; }
这样设置了“.div”对象边框样式,我们可以简写
.div{ border:solid 1px #000; }
效果:
三个边框值空格间隔开
缩写边框颜色样式代码可以为您节约代码,减少CSS代码量。
【推荐学习:CSS视频教程】
以上就是css怎么设置div边框颜色的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:css怎么设置不可编辑
- 下一篇:css怎么让div不换行
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论