box

box-shadow

box-shadow: 5px 5px 5px red;

  • h-shadow: 必填,水平位移距離. Negative values are allowed
  • v-shadow: 必填,垂直位移距離. Negative values are allowed
  • blur: 模糊強度
  • color

範例

div {
  width: 300px;
  height: 100px;
  background-color: yellow;
  box-shadow: 5px 5px 5px red;
}

box-sizing

  • 指定元素放入某個區域的方式
  • demo

http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

語法

box-sizing: content-box|border-box|initial|inherit;

results matching ""

    No results matching ""