css前端之边框

border

  • 其有三个属性
    分别是宽度,颜色,样式。border-width border-color border-style
    还有四个面,border-right,border-bottom,border-left,border-top
    其的样式有九种
- 锐客网 破折线式边框点线式边框双线框槽线式边框(颜色不会改变???)内嵌效果的边框凸起效果的
脊线效果的直线效果的直线效果的

【css前端之边框】css前端之边框
文章图片
有一些特别的样式信息
border-radius:表示边框的半径使边框四周变椭圆
box-shadow: 用于向方框添加阴影其后的值有h-shadow (水平阴影)v-shadow (垂直阴影)blur(模糊距离) spread (阴影尺寸)color inset(阴影在方框里面);
border-image:用于设置 border-image-source, border-image-slice, border-image-width, border-image-outset 和border-image-repeat 的值.
  • 所以对于每一个属性来说都可能有1到4个不同的属性值
    例如:
    2个指定值意义:第一个值为上下边框属性赋值,第二个值为左右边框属性赋值。
    3个指定值的意义:第一个值为上边框属性赋值,第二个值为左右边框属性赋值,第三个值为下边框属性赋值。
    4个指定值的意义:第一值为上边框属性赋值,第二个值为右边框属性赋值,第三个值为下边框属性赋值,第四个值为左边框赋值。

    推荐阅读