• 技术文章 >web前端 >Bootstrap教程

    bootstrap如何给div设置边框颜色

    爱喝马黛茶的安东尼爱喝马黛茶的安东尼2019-07-17 13:45:10原创7451

    bootstrap如何给div设置边框颜色?

    设置边框的方式:

    1.

    border:1px solid red;

    2.

    border-width:1px;边框的粗细
    border-style: solid;边框的风格
    border-color: red;边框的颜色

    3.

    border-left:1px solid red;
    border-right:1px solid blue;
    border-top:1px solid green;
    border-bottom:1px dotted grey;

    相关推荐:《bootstrap入门教程

    线/边框的样式:

    none:无样式;dotted:点线;dashed:虚线;solid:实线;

    double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸

    div{padding:20px;width:10px;background:red;color:#fff}

    (padding和margin的区别:当盒子没有宽高时padding可以叠加到盒子的宽高中,而margin不行,除非盒子有内容)

    盒子正真的宽度=本身的宽度+左边距+右边距+左边框+右边框;

    盒子正真的高度=本身的高度+上边距+下边距+上边框+下边框;

    例如:

    <div style ="border:solid 1px red;  "></div>

    以上就是bootstrap如何给div设置边框颜色的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap div 边框颜色
    上一篇:如何使用bootstrap实现年月日的时间选择器 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 为什么不用bootstrap• bootstrap学之前要会什么• bootstrap弹窗代码写在哪里• bootstrap react区别
    1/1

    PHP中文网