今天繼續處理聊天室上方的CSS的部分~
昨天是大概介紹幾個常用的屬性，
而今天要來處理的是外框架的排版。

.chattop {
      width: 500px;
      height: 65px;
      background-color: #fff;
      border: 1px solid rgb(83, 83, 83);
      box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    }

首先是設定寬(width)跟高(height)
分別設定是500px及65px，
設定background-color(背景顏色)為白色
設定顏色部分可以使用色碼表的代碼
例如:#fff=白色 #000=黑色

• CSS border
  border就是邊框的意思，
  在CSS中，你可以透過border的語法來對邊框做變化，
  例如設定邊框的寬度、樣式、顏色等等，也可以隱藏邊框，
• CSS box-shadow
  可以用來設計網頁中各區塊的陰影效果，
  如 DIV、span、img 都能夠很使用這屬性來設計出好看的陰影效果，
  適當利用 shadow 可以提升網頁整體的美感。