三、CSS边框与边界

CSS中边框的使用

属性名称属性值说明

border-color十六进制可依序设置上,右,下,左线颜色

                    英文名称border-color:red(四边均为红色)

                    三原色border-color:red green

                    (上下为红色,左右为绿色)

                    border-color:redgreen blue

                    (上为红色、左右为绿色、下为蓝色)

                   border-color:redgreen blue yellow

                     (上右下左分别为红绿蓝黄)

 border-stylenone不显示边线

            dotted点线

            dashed虚线

            solid实线

            double双线

border-width    长 度   border-width:0.2cm0.3cm 0.4cm 0.5cm;

                           border-width:12 3 4;

简化方案:border:形态 长度 颜色

例如border:1px solid black;




CSS中边界的使用

padding属性介绍

属性名称                 属性值                  说明

padding-bottom   长度/百分比   元件下端边线的空隙

padding-left   长度/百分比   元件左端边线的空隙

padding-right   长度/百分比   元件右端边线的空隙

padding-top 长度/百分比 元件上端边线的空隙

简易写法:padding:10px

                   padding:2px 4px

                    padding:2px 6px 10px

                   padding:1px 2px 3px 4px

margin 系列属性介绍

属性名称                  属性值             说明

margin-bottom          auto           自动调整空隙

                                  长度/百分比  设置下端空隙

margin-left                 auto            自动调整空隙

                              长度/百分比 设置左端空隙

margin-right               auto        自动调整空隙

                                长度/百分比 设置右端空隙

margin-top               auto                自动调整空隙

                                长度/百分比 设置上端空隙

简化方案:margin:2px 4px

margin:2px 6px 10px

margin:1px 2px 3px 4px

常用网页顶格设置:margin:0;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,803评论 0 2
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,199评论 0 11
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,801评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,335评论 0 11
  • 在情绪化的云 还未溜走之前 给他加一把火 一把无明业火 像冰块一样臭硬的外壳 裹挟了不安慌乱的种子 农夫有水,有锄...
    应心阅读 287评论 0 0