CSS中的边框属性

边框属性分类：

1.边框
2.边框倒角
3.边框阴影
4.轮廓

一.边框属性

1. 边框

1. 简写方式：

 通过一个属性控制四个方向边框的效果。

属性：

          border:width style color;
          width:宽度，边框粗细，以px为单位
          style：样式，边框样式，实线，虚线
                  取值：
                    solid：实线
                    dotted： 点虚线
                    dashed： 横线虚线
          color：颜色， 边框颜色
                取值：
                    合法的颜色值（#rrggbb，rgb（，，））
                    取值为 transparent (透明)

注意：

 border：none；或border：0； 可以取消元素边框

2. 单边定义：

属性：

 border-方向：width style color； 
    方向：top/right/bottom/left

3. 单属性定义:

属性：

  border-属性：值；
  属性： width/style/color

4. 单边单属性定义:

属性：

  border-方向-属性：值；

2. 边框倒角

 将四个方式向的角倒成圆角。

属性：

border-radius
     取值：
       绝对数值 或 百分比

命令显示图：

网页实例图：

3. 边框阴影

属性：

box-shadow
   取值：h-shadow v-shadow blur spread color
   inset;
     h-shadow: 必须阴影的水平偏移距离， +， 右偏移，
      -，  左偏移
     v-shadow： 必须引用的垂直偏移距离， +， 下偏移，
      -， 上偏移
     blur: 模糊距离
     spread：阴影尺寸
     color：颜色 
     inset： 值，默认的外阴影更改为阴影

4. 轮廓

作用：

绘制元素周围的一条线，位于边框之外。

属性:

 outline:width style color;
 outline-widht: 轮廓的宽度
 outline-style：轮廓的样式
 outline-color： 轮廓的颜色

 outline：none ；或outline：0； 取消元素轮廓  

好了CSS中的"边框属性"jiu到这里le！

好好学习，天天向上！

努力吧，骚年！