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！

好好學習，天天向上！

努力吧，騷年！