美文网首页
前端-07 盒子模型

前端-07 盒子模型

作者: 张露锋 | 来源:发表于2018-11-21 09:27 被阅读0次

    盒子大小:

    使用width来设置盒子内容区的宽度
    使用height来设置盒子内容区的高度
    width和height只是设置的盒子内容区的大小,而不是盒子的整个大小,盒子可见框的大小由内容区,内边距和边框共同决定

    为元素设置边框:

    要为一个元素设置边框必须指定三个样式
    border-width:边框的宽度
    border-color:边框颜色
    border-style:边框的样式
    使用border-width可以分别指定四个边框的宽度
    除了border-width,CSS中还提供了四个border-xxx-width
    xxx的值可能是top right bottom left
    专门用来设置指定边的宽度

    设置边框的颜色:

    和宽度一样,color也提供四个方向的样式,可以分别指定颜色
    border-xxx-color

    设置边框的样式:

    可选值:
    none,默认值,没有边框
    solid 实线
    dotted 点状边框
    dashed 虚线
    double 双线
    style也可以分别指定四个边的边框样式,规则和width一致,同时它也提供border-xxx-style四个样式,来分别设置四个边

    相关文章

      网友评论

          本文标题:前端-07 盒子模型

          本文链接:https://www.haomeiwen.com/subject/brrqqqtx.html